El problema, es que el contenido me lo tira para abajo hasta que termina el menu lateral.
Os pongo un trozo del codigo, a ver que podeis recomendarme:
Código HTML:
body { padding: 0; margin: 0; } div.post a:hover img { border: 1px solid #f19c40; } div.post a:hover{ border-bottom:none; } div.post a:visited img{ border: 1px solid #f19c40; } #wrap { width: 780px; min-height: 450px; height: auto !important; height: 450px; padding: 0; margin: 0 auto; } #content { margin: 10px 0 0 0; padding: 0 8px 0 10px; } .content_left { float: left; width: 83%; font-size: 1.1em; /*line-height: 1.5em;*/ text-align: justify; padding: 0 10px 0 1px; margin: 0; } .content_left p { padding: 0; margin: 7px 0 0 0; } .menu_right { float: right; width: 12%; margin: 0; border-left: 1px solid #e0e0e0; padding-top: 0; padding-right: 10px; padding-bottom: 0; padding-left: 5px; } .menu_right p { padding: 0; margin: 6px 0 0 0; } .menu_right ul { padding: 0; margin: 5px 0 5px 0; } .menu_right ul li { padding: 0; margin: 0; } .post { width:95%; padding: 0 0 20px 0; } <div id="wrap"> <!-- Inicio menu --> .... <!-- Fin menu --> <!-- Inicio sidebar --> <div id="content"> <div class="menu_right"> <div class="content"> <ul class="linklist"> <li>menu....</li> </ul> </div> <!-- fin content --> </div> <!-- fin menu_right --> <!-- Fin sidebar --> <!-- Inicio contenido --> <div class="content_left"> <div class="post"> <h3>Titulo</h3> Contenido... </div> <!-- fin post --> </div> <!-- fin content_left --> </div> <!-- fin content --> <!-- Fin contenido --> <!-- Inicio footer --> .... <!-- Fin footer --> </div>
Decir que con Firefox se ve correctamente.
Cualquier sugerencia es bienvenida, Gracias.