Hola a Todos, tengo un problema que me ha echo gastar mucho tiempo.
Tengo una maqueta de sitio echo íntegramente con CSS, en IE se ve perfecto, en Mozilla y FireFox también, salvo que en estos dos último muestra un desborder horrible de una columna. por favor miren:
http://www.uct.cl/beta/
¿Por qué ocurre esto en Mozilla y FireFox solamente?
el esquema es este:
Código:
<div id="contenedor">
<div id="encabezado"><h1><span>Admisión UCT 2005</span></h1></div>
<div id="cuerpo">
<div id="menu">
<ul>
<li><a href="#">menu 1</a></li>
<li><a href="#">menu 2</a></li>
<li><a href="#">menu 3</a></li>
<li><a href="#">menu 4</a></li>
<li><a href="#">menu 5</a></li>
</ul>
</div>
<!-- /menu -->
<div id="carreras">
<ul>
<li>Agronomía</li>
<li>Biología en Gestión de Recursos Naturales </li>
<li>Derecho </li>
<li>Diseño de Producto</li>
</ul>
</div>
<!-- /carreras -->
<div id="contenido">
<h1>Título Contenido</h1>
<p>párrafo</p>
<p>párrafo</p>
</div>
<!-- /contenido -->
</div>
<!-- /cuerpo -->
<div id="pie-pagina">
<p>Admisión UCT 2005 © Universidad Católica de Temuco 2004</p>
</div>
<!-- /pie-pagina -->
<div id="pie"></div>
</div>
<!-- /contenedor -->
El archivo CSS está aquí:
http://www.uct.cl/beta/c/10.css