Hola a todos.
Bien, en el sitio web que estoy haciendo, estoy usando este CSS:
Código:
/* CSS Document */
body,td,th {color: #333333; font-size: 14px;}
body {background-color: #000000;}
#contenedor{width:810px; height:auto; overflow:visible; background: #FFFFFF url(fnd_lineacontenido.gif) repeat-y; margin:auto;}
#central{height:auto; width:100%; overflow:visible; background: #FFFFFF url(fnd_lineacontenido.gif) repeat-y;}
#t-menu{background: url(tl_menu.gif) no-repeat; height:22px; width:130px; margin:auto; margin-bottom:8px;}
#t-validez{background: url(tl_validez.gif) no-repeat; height:22px; width:130px; margin:auto; margin-top:8px; margin-bottom:8px;}
#superior{background:#66CC00 url(cabecera.gif) no-repeat; height:110px; width:100%;}
#final{background:#FFFFFF url(fnd_finalcontenido.gif) no-repeat; height:64px; width:100%;}
#lateral{float:left; width:152px; height:auto; padding-left:8px;}
#lateral ul{list-style:none; margin:0; padding:0;}
#lateral ul a{
background: url(minilogo2.gif) no-repeat center left;
width:20px;
overflow:visible;
display:block;
padding: 1px 0px 0px 28px;
margin: 0px 0px 2px 16px;
height:24px;
vertical-align:middle;
}
#lateral ul a:hover{background: url(minilogo1.gif) no-repeat center left;}
#contenido{float:left; width:600px; height:auto; margin: 0px 0px 0px 20px; padding-top:4px; overflow:visible;}
#contenido p div{width:80%;}
.servicio{ color:#CC6600; font-weight: bold;}
a {font-weight: bold;}
a:link {color: #009900; text-decoration: none;}
a:visited {color: #009900; text-decoration: none;}
a:hover {color: #990000; text-decoration: none;}
a:active {color: #FF0000; text-decoration: none;}
h1,h2,h3,h4,h5,h6 {font-weight: bold;}
h1{height:28px; background: url(h1.gif) no-repeat; padding: 2px 0px 0px 32px; color:#006600; font-size:20px;}
h2 {color: #009900; font-size:18px;}
-->
Ok, vayamos al problema. El problema esta en esta linea:
#central{height:auto; width:100%; overflow:visible; background: #FFFFFF url(fnd_lineacontenido.gif) repeat-y;}
Cuando pongo overflow:visible, en Firefox y Opera se ve mal:
http://cybershaman.awardspace.com/indextest.php
Como veran, la div de "central" no se expande o ajusta a su contenido. Ahora, cuando pongo overflow:auto; se ve perfectamente:
http://cybershaman.awardspace.com
Mi pregunta es: ¿Porque demonios no se ve bien con overflow:visible;?
PD: Si me pudieran hacer el favor de decirme si estoy haciendo las cosas bien con ese CSS. Muchas gracias de antemano.