Eu estou-me a referir aos campos do nome e-mail e contacto, ...os três primeiros...Experimenta:
div.right_col input.radio { width: auto; border: 0px }
E dás essa classe aos <input type="radio" class="radio" />
<form action="" method="post" id="form1">
<fieldset id="personal_data"><legend>Dados Pessoais</legend>
<div class="group_warper">
<div class="left_col">
<label for="q_u_name">Nome</label>
</div>
<div class="right_col">
<input id="q_u_name" name="q_u_name" value="" type="text" size="80" />
</div>
<div class="clr"></div>
</div>
<div class="group_warper">
<div class="left_col">
<label for="q_u_mail">E-Mail</label>
</div>
<div class="right_col">
<input id="q_u_mail" name="q_u_mail" value="" type="text" size="80" />
</div>
<div class="clr"></div>
</div>
<div class="group_warper">
<div class="left_col">
<label for="q_u_phone">Telefone de contacto</label>
</div>
<div class="right_col">
<input id="q_u_phone" name="q_u_phone" value="" type="text" size="80" />
</div>
<div class="clr"></div>
</div>
<div class="group_warper">
<div class="left_col">
<label for="q_u_contact_me">Telefone de contacto</label>
<p>Desejo seer contactado para bla bla bla, bla bla</p>
</div>
<div class="right_col">
<input id="q_u_contact_me_yes" name="q_u_contact_me" value="1" type="radio" checked="checked" size="80" />
<input id="q_u_contact_me_no" name="q_u_contact_me" value="0" type="radio" size="80" />
</div>
<div class="clr"></div>
</div>
</fieldset>
</form>
Eu estou-me a referir aos campos do nome e-mail e contacto, ...os três primeiros.
.group_warper input{
float: left;
width: 20em;
border: 1px solid #000000;
}
.group_warper label{
...
}
<div class="group_warper">
<label ...>...</label>
<input ... />
</div><!-- group_warper -->
Subscrevo - http://www.getfirebug.com/Instala o firebug, que dá muito jeito para estas, e outras, coisas..
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="pt" xml:lang="pt">
<head>
<title>test</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link rel="stylesheet" type="text/css" href="form.css" />
</head>
<body lang="pt">
<form action="" method="post" id="form1">
<div class="warper">
<input id="q_u_name2" name="q_u_name2" value="" type="text" size="80" />
</div>
</form>
</body>
</html>
form#form1 {
border: 1px solid #FF0000;
}
div.warper{
width: 100px;
border: 1px solid #000000;
}
div.warper input{
width: 100px;
}