Buenas
Tengo un problema un tanto extraño, os explico:
La web tiene 3 columnas, que me funciona bien en todos los navegadores. EXCEPTO, cuando en la capa central pongo un formulario con un select, que la columna derecha ya no flota y se ve al final. Cuando en el formulario no hay select, con inputs y textareas, va perfectamente. Y esto solo pasa en firefox, porque en IE6, IE7, opera y safari no hay problema.
Os pongo el codigo a ver si encontrais el fallo:
Código HTML:
<div id="fondo_completo">
<div id="contenedor">
<div id="izquierda">
-- MENU IZQUIERDO --
</div>
<div id="centro">
--CONTENIDO DE LA PAGINA --
...
<form method="post" action="pag.php" class="noticia_submenu">
<label for="buscar_palabras"><input type="hidden" name="buscar_palabras" id="buscar_palabras" value="si" /></label>
<p><strong>Seleccionar:</strong>
<select name="" style="display:inline; margin:0; padding:0; ">
<option value="algo">algo</option></select>
</p>
</form>
...
</div>
<div id="derecha">
-- MENU DERECHO --
</div>
</div>
</div>
Código HTML:
select,input,textarea{ font-family: Arial, Verdana, Helvetica, sans-serif;font-size:0.9em; border:solid 1px #C8E044; padding:1px 2px; }
#fondo_completo{margin:auto; min-width:995px; clear: both; position:relative; height:auto; display:table; width:100%;
background:#FFFFFF url(imagenes/adorno.jpg) right top no-repeat;}
#contenedor{width:995px;margin:auto; clear: both;
border-top:none; position:relative;height:auto;display:table;padding-top:30px;}
#izquierda { float:left;position:relative; width:220px;border-top:solid 1px #C8E044; background-color: #FFFFFF; padding-bottom:5px;}
#centro { float:left; position:relative; border-top:solid 1px #C8E044; width:575px; background-color: #FFF;display:table;}
.noticia_submenu{background:#F8FAEC; text-align:center; clear:both; padding:5px 0;
border:solid 1px #C8E044;width:95%; margin:auto auto 15px auto;}
.noticia_submenu a{background:#E2EDA1;color:#000000; border:solid 1px #C8E044; line-height:25px;
padding:1px 7px; margin:auto 50px;}
.noticia_submenu a:hover{background:#C0BFDE; border:solid 1px #B2AFC2;}
#derecha { float:left; position:relative; width:200px; padding-bottom:5px;}