Buenas gente, tengo un pequeño gran problema, y es que cuando muestro mi pagina en FF se me desplaza el menu y se me corre todo perdiendo la visual de la misma. En IE funciona de mavaravilla, me podran ayudar por favorrrr!!!!
Aqui les dejo el css y la pagina de index mas abajo
CSS:
************************************************** ***************
/* COMMON */
.body{ background-image: url(fs_files/tpl_img/background-repeat.jpg); background-repeat: repeat; padding-top: 10px; padding-bottom: 10px; }
#content { margin:auto; width:790px; }
body, html{
margin:0px;
padding:0px;
font-family:sans-serif, arial, helvetica;
}
.letracapital:first-letter {font-size: 150%;}
.mayor {font-size:16px;}
/* HEADER */
#header { background-image: url(fs_files/tpl_img/header.png); background-repeat: no-repeat; height: 150px; width: 788px; clear:both; position:relative;}
#header .logo { float: left; padding-top: 42px; padding-left: 40px; }
#header .title { float:left; }
#header .title a { font-family:sans-serif, tahoma, verdana; font-size:22px;color:#234646;font-weight:bold;text-decoration:none; }
#header .slogan{clear:both; float:left;font-size:11px;color:#959595;font-family:sans-serif, tahoma, verdana; }
#header .nexttopicture {
float:left;
padding-top:45px;
padding-left:10px;
}
.menulinks{position:absolute; left:0px;bottom:0px; clear:both;padding-top:1%;padding-left:5%; }
.menulinks ul, .menulinks li{margin:0;padding:0; }
.menulinks li{display: inline;list-style-type: none;padding-right:5px;float:left; }
.menulinks li a
{
color: #FFFFFF;
font-size: 12px;
font-family: sans-serif, tahoma, verdana;
text-decoration: none;
display: block;
height: 22px;
padding-left: 4px;
padding-right: 4px;
padding-top: 7px;
width: 100%;
float: left;
clear: none;
text-indent: 1%;
text-align: justify;
}
.menulinks li a:hover{background-color:#474747; }
/* CENTER */
#repeatme{background-image: url(fs_files/tpl_img/content_repeat.png);background-repeat: repeat-y; width:788px; }
#center{background-image: url(fs_files/tpl_img/contenido_bg.png);background-repeat:no-repeat;background-position: 14px bottom;padding-left:26px;height:100%}
#deco_1{text-align:left;padding-top:10px;padding-bottom:10px;padding-left:1px }
/* MENU */
#menu {width:172px;margin-right:8px;float:left; }
#menu .top{height:10px;width:100%;background-image: url(fs_files/tpl_img/menu_top.jpg);background-repeat: no-repeat; line-height:1px; font-size:1px; }
#menu .middle{background-color:#224A61;padding-right:10px;padding-left:10px; }
#menu .middle a{display:block;color:#FFFFFF;text-decoration:none;font-family:sans-serif, arial, tahoma;padding-bottom:6px;padding-top:9px;font-size:14px;border-bottom-style:solid;border-bottom-color:#4E6E81;border-bottom-width:1px;padding-left:5px; }
#menu .middle a:hover{color:#CCCCCC; }
#menu .bottom{height:20px;width:100%;background-image: url(fs_files/tpl_img/menu_bottom.jpg);background-repeat: no-repeat;background-position:bottom;background-color:#224A61; line-height:1px; font-size:1px;}
/* CONTENIDO */
#contenido2{padding-top:10px;padding-left:12px;float:right;font-family:sans-serif,arial, tahoma;font-size:12px; width:730px;padding-right:40px;color:#FFFFFF;}
/*#s_contenido{font-family:sans-serif,arial, tahoma;font-size:12px; color:#FFFFFF;}*/
.clearboth{clear:both; height:1px;font-size:1px;line-height:1px;width:1px;}
/* FOOTER */
#footer{background-repeat: no-repeat;background-image: url(fs_files/tpl_img/footer.png);margin:auto;height:61px;width:790px;cl ear:both;padding-top:10px; }
#footer .whiteline{width:500px;height:1px;background-color:#FFFFFF;margin:auto; line-height:1px;font-size:1px; }
#footer .links{color:#FFFFFF;font-size:11px; padding-top:5px;text-align:center; }
#footer .links a{color:#FFFFFF;font-size:11px;font-family:sans-serif;text-decoration:none; }
#footer .copyright{padding-top:2px;color:#999999;font-size:10px;font-family:sans-serif;text-align:center; }
.firmas { text-align:center;padding-top:5px; font-size:11px;color:#CCCCCC;display:block;}
.firmas a { text-decoration:none; color:#CCCCCC; }
/* FORMULARIO */
.form { padding: 20px; padding-top:40px; }
.form .left{ color:#666666; font-size:12px; text-align:right; padding-right:5px; }
.form input {
background-color: #E5EDFA;
border: 1px solid #999999;
font-size: 16px;
color:#333333;
padding-left: 5px;
padding-top: 5px;
font-family:sans-serif, arial;
}
.form textarea{
background-color: #E5EDFA;
border: 1px solid #999999;
font-size: 16px;
color:#333333;
padding-left: 5px;
padding-top: 5px;
font-family:sans-serif, arial;
}
.form td {
padding-bottom:10px;
}
.form .asterisco {
color:#CC0000;
font-weight:bold;
padding-right:3px;
}
.seccion_titulo {
font-size:25px;
font-family:sans-serif;
color:#20455A;
display:block;
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #CCCCCC;
padding-bottom:3px;
width:550px;
}
.datos_contacto {
font-weight:bold;
padding-top:5px;
padding-left:5px;
line-height:18px;
}
.datos_contacto a {
text-decoration:none;
color:#0066CC;
}
.extrapadding{
line-height:1px;
font-size:1px;
height:5px;
width:100%;
}
.boton .l {
width:5px;
height:32px;
float:left;
background-image: url(fs_files/tpl_img/boton_l.png);
background-repeat: no-repeat;
}
.boton .c {
padding-top:0px;
width:auto;
color:#fff;
cursor:pointer;
border:0px;
border:none;
height:32px;
float:left;
background-image: url(fs_files/tpl_img/boton_c.png);
background-repeat: repeat-x;
}
.boton .r {
width:5px;
height:32px;
float:left;
background-image: url(fs_files/tpl_img/boton_r.png);
background-repeat: no-repeat;
display:block;
}
************************************************** ***************
INDEX:
************************************************** ***************
<!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=iso-8859-1"/>
<title></title>
<meta name="description" content="Pagina de Prueba Menu"/>
<meta name="author" content=""/>
<meta name="copyright" content=""/>
<meta name="keywords" content=""/>
<link href="./master.css" rel="stylesheet" type="text/css"/>
<link href="./content_styles.css" rel="stylesheet" type="text/css"/>
</head>
<body class="body">
<div id="content">
<div id="headerie6">
<div id="header" style="left: 0px; top: 0px; height: 248px">
<div class="logo" style="width: 745px">
<a href="index.html">
<img src="fs_files/predefined/MiHeader.jpg" alt="Imagen.jpg" border="0" class="Logo_Probar" style="height: 150px; width: 707px;"/>
</a>
</div>
<div class="menulinks">
<ul>
<li><a href="index.html" target="_self" title="HOME"><div class="letracapital">HOME</div></a></li>
<li><a href="el_estudio.html" target="_self" title="EL ESTUDIO"><div class="letracapital">EL ESTUDIO</div></a></li>
<li><a href="servicios_a_particulares.aspx" target="_self" title="SERVICIOS A PARTICULARES"><div class="letracapital">SERVICIOS A PARTICULARES</div></a></li>
<li><a href="servicios_a_empresas.aspx" target="_self" title="SERVICIOS A EMPRESAS"><div class="letracapital">SERVICIOS A EMPRESAS</div></a></li>
<li><a href="newsletter.html" target="_self" title="NEWSLETTER"><div class="letracapital">NEWSLETTER</div></a></li>
<li><a href="contacto.html" target="_self" title="CONTACTO"><div class="letracapital">CONTACTO</div></a></li>
</ul>
</div>
</div>
<div id="repeatme">
<div id="center">
<div id="deco_1">
<img src="./fs_files/tpl_img/img_1.jpg" alt="" border="0" style="left: -13px; width: 760px; position: relative; top: -10px; height: 192px"/>
</div>
<div id="contenido2">
<table width="730">
<tr><td align="center" valign="top" style="height: 30px"><i><span class="mayor">"BIENVENIDO AL SITIO DEPRUEBA DE MENU"</span></i></td></tr>
<tr></tr>
<tr><td align="right" style="height: 17px">Welcome</td></tr>
</table>
</div>
<div class="clearboth"></div>
</div>
</div>
</div>
<div id="footer">
<div class="whiteline"></div>
<div class="links">
<a href="index.html" target="_self">HOME</a> |
<a href="el_estudio.html" target="_self">EL ESTUDIO</a> |
<a href="servicios_a_particulares.aspx" target="_self">SERVICIOS A PARTICULARES</a> |
<a href="servicios_a_empresas.aspx" target="_self">SERVICIOS A EMPRESAS</a> |
<a href="newsletter.html" target="_self">NEWSLETTER</a> |
<a href="contacto.html" target="_self">CONTACTO</a> |
</div>
<div class="copyright">Copyright (c) 2008.</div>
</div>
<span class="firmas">Powered by <a href="http://www.pepito.com" target="_blank">Pepito</a></span>
</div>
</body>
</html>
************************************************** ***************