no tienes un dtd definido y veo que también hay cosas en la lista de menús que se pueden simplificar, modifique un poco tu código comparalo con el tuyo y ve si es lo que quieres:
Código html:
Ver original<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="es" lang="es-es"> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <!--
*{ margin:0; padding:0;}
body {
font: 100% Verdana, Arial, Helvetica, sans-serif;
}
.thrColAbsHdr #container{
position: relative;
width: 1000px;
background:#EBDABE;
margin: 0 auto;
text-align: left; /* this overrides the text-align: center on the body element. */
}
.thrColAbsHdr #header {
height:69px;
background: #423A3A;
padding-top: 10px;
}
.thrColAbsHdr #menu {
position: absolute;
top: 115px;
left: 0px;
width: 211px;
padding:0px;
}
.thrColAbsHdr #lista{
font-family: Tahoma, Geneva, sans-serif;
font-size: 12px;
color: #211919
text-align: Left;
}
.thrColAbsHdr #lista li{
padding-bottom:10px;
list-style-position:outside;
}
.thrColAbsHdr #lista a {
padding: 3px 10px;
}
.thrColAbsHdr #lista a:link, .thrColAbsHdr #lista a:visited{
font-family: Tahoma, Geneva, sans-serif;
font-size: 11px;
color: #211919;
padding:0px;
text-decoration: none;
text-align:left;
}
.thrColAbsHdr #lista a:hover{
border-bottom-style:solid;
border-bottom-width:thin;
border-bottom-color:#000;
}
.thrColAbsHdr #imagenes {
position: absolute;
top: 115px;
right: 0;
width: 160px;
padding: 15px 10px 15px 20px;
}
.thrColAbsHdr #mainContent {
margin-top: 0px;
margin-right: 250px;
margin-left: 250px;
padding: 0 10px; /* remember that padding is the space inside the div box and margin is the space outside the div box */
}
.thrColAbsHdr #footer {
padding: 0 10px 0 20px; /* this padding matches the left alignment of the elements in the divs that appear above it. */
background:#DDDDDD;
}
.thrColAbsHdr #footer p {
margin: 0; /* zeroing the margins of the first element in the footer will avoid the possibility of margin collapse - a space between divs */
padding: 10px 0; /* padding on this element will create space, just as the the margin would have, without the margin collapse issue */
}
.thrColAbsHdr #navcontainer {
position: relative;
background: #A23A3A;
height: 30px;
width:100%;
}
.thrColAbsHdr #navcontainer ul{
list-style:none;
text-align:center;
}
.thrColAbsHdr #navcontainer ul li{
display: inline;
margin-left:12px;
}
.thrColAbsHdr #navcontainer a {
padding: 0px;
}
#navcontainer a:link, #navcontainer a:visited{
font-family: Tahoma, Geneva, sans-serif;
font-size: 12px;
color: #C8B496;
background-color: #211919;
border-width:thin;
border-style: solid;
border-color:#BE8C4B;
padding: 2px 25px 2px 25px;
text-align:center;
text-decoration:none;
font-weight:bold;
}
.thrColAbsHdr #navlist a:hover{
color: #FFFF9D;
}
-->
<body class="thrColAbsHdr">
<img border="0" src="img/logo.gif" /><img border="0" src="img/midimg.gif" /><img border="0" width="541" height="69" src="img/midbkg.gif"/></div>
<li><a href="#">YOUR LINK
</a></li> <li><a href="#">YOUR LINK
</a></li> <li><a href="#">YOUR LINK
</a></li> <li><a href="#">YOUR LINK
</a></li> <li><a href="#">YOUR LINK
</a></li> <li><a href="#">YOUR LINK
</a></li>
<li><a href="#">QUIENES SOMOS
</a></li> <li><a href="#">SERVICIO PARA EMPRESAS
</a></li> <li><a href="#">JUBILACIONES Y PENSIONES
</a></li> <li><a href="#">TRAMITES
<br/> ADMINISTRATIVOS-JUDICIALES
</a></li> <li><a href="#">CALCULOS PREVISIONALES
</a></li> <li><a href="#">LEYES DE JUBILACIONES Y PENSIONES
</a></li> <li><a href="#">DECRETOS DE JUBILACIONES Y PENSIONES
</a></li> <li><a href="#">NOTICIAS
</a></li> <li><a href="#">CONTACTENOS
</a></li>
<h3>imagenes Content
</h3> <p>The background color on this div will only show for the length of the content. If you'd like a dividing line instead, place a border on the right side of the #mainContent div if it will always contain more content.
</p> <p>Donec eu mi sed turpis feugiat feugiat. Integer turpis arcu, pellentesque eget, cursus et, fermentum ut, sapien.
</p> <!-- end #imagenes --></div> <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Praesent aliquam, justo convallis luctus rutrum, erat nulla fermentum diam, at nonummy quam ante ac quam. Maecenas urna purus, fermentum id, molestie in, commodo porttitor, felis. Nam blandit quam ut lacus. Quisque ornare risus quis ligula. Phasellus tristique purus a augue condimentum adipiscing. Aenean sagittis. Etiam leo pede, rhoncus venenatis, tristique in, vulputate at, odio. Donec et ipsum et sapien vehicula nonummy. Suspendisse potenti.
</p> <h2>H2 level heading
</h2> <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Praesent aliquam, justo convallis luctus rutrum, erat nulla fermentum diam, at nonummy quam ante ac quam. Maecenas urna purus, fermentum id, molestie in, commodo porttitor, felis. Nam blandit quam ut lacus. Quisque ornare risus quis ligula. Phasellus tristique purus a augue condimentum adipiscing. Aenean sagittis. Etiam leo pede, rhoncus venenatis, tristique in, vulputate at, odio.
</p> <!-- end #mainContent --></div>
es necesario que utilices dtd, si no muchas de las cosas que pongas no funcionarán.
una cosa más, ahora ya no te sale la barra de scroll que te salía en configuración de 1024