Hola amigo bueno gracias y aca te dejo el codigo que estoy usando espero viendolo me peudas ayudar sobre todo con la parte de los div ...
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Documento sin título</title>
<STYLE type="text/css">
.a:link {text-decoration:none;color:#066;}
.a:visited {text-decoration:none;color:#066;}
.a:active {text-decoration:none;color:#ff0000;}
.a:hover {text-decoration:none;color:red;}
</STYLE>
<STYLE type="text/css">
.b:link {text-decoration:none;color:#066;}
.b:visited {text-decoration:none;color:#066;}
.b:active {text-decoration:none;color:#ff0000;}
.b:hover {text-decoration:none;color:red;}
</STYLE>
<STYLE type="text/css">
.c:link {text-decoration:none;}
</STYLE>
<style type="text/css">
body {
text-align:center;
color: #333;
background-image: url(imagenes/nosotros_r6_c1.jpg);
}
#wrapper {
margin:0 auto 0 auto;
width:970px;
border:1px solid red;
text-align:left;
}
#logo {
width:214px;
height:48px;
background:#066;
border:1px solid red;
}
</style>
<style type="text/css">
<!--
#apDiv1 {
position:absolute;
width:200px;
height:115px;
z-index:1;
}
#apDiv2 {
position:absolute;
width:1013px;
height:22px;
z-index:2;
left: -61px;
top: 718px;
}
#apDiv3 {
position:absolute;
width:673px;
height:65px;
z-index:3;
left: 143px;
top: 607px;
}
#”wrapper” table tr .texto .texto .texto .texto {
color: #FFF;
}
#apDiv4 {
position:absolute;
width:750px;
height:76px;
z-index:3;
left: 121px;
top: 667px;
background-color: #FFFF00;
}
f {
font-family: "Hobo Std";
}
.per {
text-align: center;
}
fer {
text-align: center;
}
table tr td #MenuBar1 li .c .per .per .per .per {
text-align: center;
font-family: "Lucida Sans";
font-size: 90%;
}
.per {
font-family: "Lucida Sans";
font-size: 90%;
}
#”wrapper” table tr td #MenuBar1 li .MenuBarItemSubmenu .texto {
font-size: 90%;
}
#”wrapper” table tr td #MenuBar1 li .per .per .MenuBarSubmenuVisible {
font-size: 95%;
}
-->
</style>
<script src="SpryAssets/SpryMenuBar.js" type="text/javascript"></script>
<link href="SpryAssets/SpryMenuBarHorizontal.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div id=”wrapper”>
<table width="960" height="819" border="0" cellspacing="0" cellpading="0">
<tr>
<td height="240"><img src="imagenes/logo1.jpg" width="960" height="306" /></td>
</tr>
<tr>
<td height="23" bgcolor="#99CCCC"><ul id="MenuBar1" class="MenuBarHorizontal">
<li><a href="Inicio3.html" target="ifm1">?Inicio</a> </li>
<li><a href="#" class="MenuBarItemSubmenu">?Nosotros</a>
<ul>
<li><a href="empresa3.html" target="ifm1">Empresa</a></li>
<li><a href="Mision3.html" target="ifm1">Misión</a></li>
<li><a href="vision.html" target="ifm1">Visión</a></li>
</ul>
</li>
<li><a class="MenuBarItemSubmenu" href="#">?Servicios</a>
<ul>
<li><a href="#">Tú Bebe</a> </li>
<li><a href="proveedores.html" target="ifm1">Proveedores</a></li>
</ul>
</li>
<li><a href="galeria.html" target="ifm1">?Productos</a></li>
</ul></td>
</tr>
<tr>
<td height="394"><iframe name="ifm1" src="Inicio3.html" width="960" height="386" frameborder="0" align="left" marginheight="0" marginwidth="0" scrolling="yes">
<div id="apDiv1"></div>
</iframe></td>
</tr>
<td height="2"><div id="apDiv2"><img src="imagenes/barrita.png" width="1013" height="22" /></div><tr>
<td align="center" valign="top" class="texto" background="imagenes/log131.jpg"><p>Emmerson Anchante - Av. Arnaldo Marquez 1245 Tda D4-D5 Jesús María<br/>
Fijo: 4237018 Nextel: 418*7025 - 413*7115 - 408*7547<br />
<a href="mailto:
[email protected]" class="a">
[email protected]</a> | <a href="mailto:
[email protected]" class="b">
[email protected]</a></p></td>
</tr></td>
</tr>
</table>
</div>
<script type="text/javascript">
<!--
var MenuBar1 = new Spry.Widget.MenuBar("MenuBar1", {imgDown:"SpryAssets/SpryMenuBarDownHover.gif", imgRight:"SpryAssets/SpryMenuBarRightHover.gif"});
//-->
</script>
</body>
</html>