Problemas con overflow:visible;

[hey_alan]

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.

[seoista]

Hola hey_alan.

En overflow hay que poner (según el caso):

Código:

Si quieres que esté visible = scroll
Si quieres que no esté visible = hidden
para que lo haga automáticamente = auto 

Saludos