Buenas,
tengo este código:
Código:
<div class="campos">
<div class="nombre">Creado desde</div>
<div class="campoP"><input type="text" name="nombre" style="width:58px;" /></div>
<div class="nombre"><img src="images/ic_calendar.gif" border=0 /></div>
<div class="nombre">Creado hasta</div>
<div class="campoP"><input type="text" name="nombre" style="width:117px;" /></div>
<div class="nombre"><img src="images/ic_calendar.gif" border=0 /></div>
</div>
y luego el css con
Código:
#busqueda .campos .campoP {display:table;float:left;margin-right:4px;}
#busqueda .campos .campoP INPUT {font-family:Arial, Helvetica, sans-serif;font-size:12px;color:#333333;border:0px;}
#busqueda .campos .campoP SELECT {font-family:Arial, Helvetica, sans-serif;font-size:12px;color:#333333;border:0px;}
El problema es que en FF después de cada .campoP, me hace un salto y no me respeta el float.
En IE se ve a la perfección.
¿Alguna idea en que falla mi código?