Buenas unas cuantas cosas:
te lo comento como profesional de diseño web. Solo a modo informativo.
Cuando usamos formularios, no es viable los ul y li. Si lo pones lo que no es correcto semanticamente es poner un div y dentro de un li.
la estructura seria esta:
<ul>
<li></li>
<li></li>
<li></li>
</ul>
pero yo para formularios no uso esto. Haz una prueba y sustituye todo tu <ul></ul> por este código:
Código HTML:
Ver original <input type="text" id="Tunombre" name="Tunombre" maxlength="32" class="itext text-input validate['required','nodigit','length[2,-1]']" value=""></li>
<input type="text" id="TuEmail" name="TuEmail" maxlength="32" class="itext text-input validate['required','email']" value=""></li>
<input type="text" id="Telfono" name="Telfono" maxlength="32" class="itext text-input validate['required','phone']" value=""></li> <li class="iseparator"> </li> <li><label for="NPersonas">*N
º Personas:
</label><select id="NPersonas" name="NPersonas" class="iselect">
<select id="Fumador" name="Fumador" class="iselect"> <li class="dia"><label for="Dia"></label><select class="iselect2 selectFecha2" name="Dia" id="Dia">
y el css añade esto
Código CSS:
Ver original.dia{width: 100px; float: left; margin-right: 15px;}
.mes{width: 100px; float: left; margin-right: 0;}
.ano{width: 100px; float: left;}
cualquier cosa me mandas un privado
Christian