Problema con formulario

Hola:

Estoy diseñando mi primer formulario mediante xhtml y css y solo tengo un problema pero que me esta volviendo loco jeje

le doy estilo a todo y perfecto pero los recuadros donde pones la informacio los input no? no me salen alineados uno debajo del otro, no se si me explico es decir algo asi: Primer cuadro
segundo cuadro
tercer cuadro

Me gustaria ponerlos alineados, los labels los tengo float: left; para que aparezcan a su izquierda, alguien puede ayudarme, mil gracias

Chete79 se entiende bastante lo que nos decis, pero seria optimo un trozo de script(codigo) asi podemos detectar espesificamente el alineado del formulario
Saludos Carolina

Cada linea de tu formulario en cierrala en un <p> y al <p> dale clear: both para que anule los floats y salgan uno debajo de otro, o sea el html seria algo asi

Código HTML :

<p><label for="txtname">Nombre</label><input type="text" id="txtname" size="50" /></p>
<p><label for="txtlastname">Apellido</label><input type="text" id="txtlastname" size="50" /></p>

Como tus <p> tienen el clear:both, cada linea saldra debajo de otra.

Código :

 
  <div id="formulario" > 
    
     <form action="mailto:[email protected]" method="post" enctype="text/plain">
     
     
     <fieldset id="usuario">
     
     <legend> Rellena los siguientes campos</legend>
     
     <ul>
     
     <li><p><label for="nombre">Nombre</label><input id="nombre" name="nombre" type="text"  value="Nombre"/></p></li>
     
     <li><p><label for="apellidos">Apellidos</label><input id="apellidos" name="apellido" type="text"  value="Apellidos"/></p></li> 
     
   
     <li><p><label for="email">Email</label><input id="email" name="mail" type="text"  value="Email"/></p></li> 
     
     <li class="textarea"><p><label for="email">Comentario</label> <textarea cols="15" rows="2"> comentario</textarea></p></li>
     
     </ul>
     
     
     </fieldset>
    
     <input type="submit" id="submit" value="Enviar"/>
     
     
         </form>
    </div> 

los css

body {
background-color:#CC9900;
}

#formulario {
margin: 0 auto;
width:650px;
height:250px;
}


form {
margin:0 auto;

width:650px;
height:250px;
}

fieldset#usuario {
border-color:#CC99CC;

}


legend {
padding: 3px;

font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
color:#CC3399;
font-weight:bold:
}


legend li {

display:block;
}

li {

list-style-type:none;
}

ul {
width:300px;
}
label {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:14px;
font-weight:bold;
color:#CC0099;
display:block;
float:left;

}


input {
margin:0px;
padding:0px;
width:100px;
border-left-color:#CC33CC;
border-right-color:#CC33CC;
border-top-color:#CC66CC;
border-bottom-color:#CC66CC;

}

.textarea {

height:80px;
}

input#submit {
margin-top:5px;
margin-left:544px;
}

p {
clear:both;
}

Os he puesto el codigo a ver si dais con el fallo, me gustaria poneros una imagen pero no se bien como hacerlo, gracias por vuestras respuestas

Solo te falta colocar un width a tus label

Código :

label {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:14px;
font-weight:bold;
color:#CC0099;
display:block;
float:left;
width:100px;
} 

Y no es necesario el width en el UL, este se ajustara automaticamente a lo que este dentro

Madre mia eres una maquina!! jeje por fin lo logre mil gracias a todos por la ayuda asi da gusto.