Hola, estoy haciendo un menu en xhtml en un foro con vbulletin. El problema es que en Internet Explorer se ve perfecto pero en Firefox el menu corre lo que viene mas abajo de el, intente cambiando los margenes de la seccion que esta mas abajo, pero entonces en internet explorer se veia mal, estoy que me rindo.
Este es el sitio: www[punto]hackstrep[punto]com/foro/foro.php
El codigo de la cabezera es este:
Código PHP:
................
<div class="navright">
<a href="forumdisplay.php?$session[sessionurl]do=markread" rel="nofollow">$vbphrase[mark_forums_read]</a>
<a href="search.php?$session[sessionurl]do=getdaily" accesskey="2">Nuevos</a></td>
$forumhome_markread_script
</div>
</div>
<div class="menu">
<li><a href="[ENLACE]" target="_self">Foro</a></li>
<li><a href="[ENLACE]" target="_self">Portal</a></li>
<li><a href="[ENLACE]" target="_self">Chat</a></li>
<li><a href="[ENLACE]" target="_self">Grupo en Facebook</a></li>
<li><a href="[ENLACE]" target="_self">Libro de Visitas</a></li>
<li><a href="[ENLACE]" target="_self">Funnydeos</a></li>
<li><a href="[ENLACE]" target="_self">Radio</a></li>
</div>
<div class="memberandsearch">
<if condition="$show['member']">
<div class="memberBox">
<p>Member Panel</p>
<div class="loginBox">
<div class="smallfont" style="padding-left:5px;">
<strong><phrase 1="$bbuserinfo[username]" 2="member.php?$session[sessionurl]u=$bbuserinfo[userid]">$vbphrase[welcome_x_link_y]</phrase></strong><br />
<phrase 1="$pmbox[lastvisitdate]" 2="$pmbox[lastvisittime]">$vbphrase[last_visited_x_at_y]</phrase>
........................
Y el CSS del menu es este:
Código:
.menu {
background: #333;
float: left;
list-style: none;
margin: 0;
padding: 0;
width: 100%;
}
.menu li {
float: left;
font: 100% "Lucida Sans Unicode", "Bitstream Vera Sans", "Trebuchet Unicode MS", "Lucida Grande", Verdana, Helvetica, sans-serif;
margin: 0;
padding: 0;
}
.menu a {
background: #333 url("images/seperator.gif") bottom right no-repeat;
color: #ccc;
display: block;
float: left;
margin: 0;
padding: 8px 12px;
text-decoration: none;
font-weight:normal;
}
.menu a:hover {
background: #ff9933 url("images/hover.gif") bottom center no-repeat;
color: #fff;
padding-bottom: 8px;
}
Espero que sea facil de solucionar, ya mi cabeza no da para pensar mas XD, estoy cansado de tanto intentar, a ver si ustedes saben.