Hola,
Muchas gracias por interesarse en mi tema, a continuacion agrego mi código y posteriormente les explico mas a fondo mi problema.
<html lang="en">
<head>
<title>html5</title>
<style>
header, footer, aside, nav, section, article{
display:block;
}
body {width: 937px; margin: 20px auto; /* center */ padding: 20px; height: 626px;
border: 8px solid black; border-color:#F60}
header h1 {
float: left; font-size: 10px;
font-weight: normal;
}
header nav {
float: right; text-align: right;
padding: 4px 0 0 0;
}
#menu1{
position:absolute;
left:255px;
top:325px;
width:252.5px;
height:27.5px;
z-index:30;
}
#menu2{
position:absolute;
left:430px;
top:325px;
width:252.5px;
height:27.5px;
z-index:20;
}
#menu3{
position:absolute;
left:600px;
top:325px;
width:252.5px;
height:27.5px;
z-index:10;
}
#linea{
position:absolute;
background-color:#006A80;
left:253px;
top:356px;
width:937px;
height:23px;
z-index:5;
}
#contenido{
position:absolute;
left:253px;
top:378px;
width:937px;
height:262px;
z-index:4;
}
</style>
<body>
<header>
<h1><a href="#" title="Return to the homepage"><img src="logo.png"/></a></h1>
<nav>
<table width="639.3" height="40" border="0" align="right" cellpadding="5" cellspacing="5" frame="lhs" rules="cols" bordercolor="#CCCCCC"><font face="Trebuchet MS, Arial, Helvetica, sans-serif">
<tr>
<td width="160" height="40" align="center">
DESCRIPCIÓN DE SOLUCIONES
</td>
<td width="160" height="40" align="center">
ARTÍCULOS
</td>
<td width="160" height="40" align="center">
PODCAST
</td>
<td width="160" height="40" align="center">
VIDEOS
</td>
<td width="160" height="40" align="center">
WHITEPAPERS
</td>
</tr>
</font>
</table>
</nav>
<img src="banner.png" />
<section id="menu1"><img src="menu_1.png" /></font></section>
<section id="menu2"><img src="menu_2.png" /></section>
<section id="menu3"><img src="menu_3.png" /></section>
<article id="linea"></article>
</header>
<section id="contenido">Contenido</section>
</body>
</html>
Mi problema es que las imagenes no se muestran dentro del borde que rodea toda la informacion, por lo tanto ajuste los pixeles de mi hoja de estilo, ya lo visualizo correctamente pero al momento de reducir o aplicar mi pantalla de la página descubro que todo cambia de tamaño pero las pestañas y línea jamas entra al borde..
espero haber sido clara con mi problema muchas gracias