Pues resulta que estoy haciendo un menú en CSS y tengo un problema de visionado. En un menú que está incluído un li en un div, el primer item del menú se ve más abajo en Mozilla que Explorer.
Alguien me puede decir que hay mal en mi código o que puedo añadir para quitarlo?
Os dejo el código:
/* HORIZONTAL MENU >> Link styles - Mise en forme des liens*/
#hmenu a.menu, #hmenu span {
display: block;
white-space: nowrap;
_width: 1px;
color: #FFF;
text-decoration:none;
border-right: 1px solid #000000;
padding: 7px 10px;
}
#hmenu li.menusep {
}
/* HORIZONTAL MENU >> mouseover links styles - Elément survolé*/
#hmenu li a:hover {
}
#hmenu a.menu:hover, #hmenu a.subactive {
text-decoration:none;
color: #FFFFFF;
background: url(/DesignCss/19000/285/hmenuHover.gif) repeat-x;
}
/* HORIZONTAL MENU >> First element (border before first menu item) - Premier élément (bordure)*/
#hmenu li.begin {
display: block;
float: left;
width: 1px;
height: 30px;
border-right: 1px solid #FFF;
}
/* HORIZONTAL MENU >> Last element (border after last menu item) - Dernier élément (bordure)*/
#hmenu li.end {
width: 1px;/*necessary when floating the ul to the right*/
height: 30px;
display: block;
float: left;
border-left: 1px solid #FFFFFF;
}
/* HORIZONTAL MENU >> Menu items - Eléments*/
#hmenu li.mitext {
text-align:center;
font-size: 12px;
font-weight: bold;
color: #FFFFFF;
font-family: Arial, Helvetica, sans-serif;
}
#hmenu li.miimg img {
border:none;
}/* HORIZONTAL SUBMENU >> */
ul#hmenu li div {
margin:0;
border:none;
padding-top:0px;
}
ul#hmenu li ul.submenu{
list-style-position: outside;
list-style-type: none;
padding: 0;
margin:0;
background-color: #e68d0e;/***DEFINE BG COLOR HERE ***/
position:absolute;
visibility:hidden;
left:0px;
top:28px;/*** DELETE WIDTH ****/
}
ul#hmenu li ul.submenu li {
float:none;/* cancels inherited float properties */
clear:both;
}
ul#hmenu li ul.submenu a, ul#hmenu li ul.submenu span,ul#hmenu li ul.submenu li.mispacer, ul#hmenu li ul.submenu li.misep {
border:none;/* cancels inhertited left and right borders */
padding-left:10px; /* set lateral padding here*/
padding-right:10px;
width:200px;/* set submenu width here */
}
/* Class used to specify the rightmost item on the horizontal menu and correctly position it's submenu */
ul#hmenu li.menuright ul.submenu{
left:auto;
right:0px;
*right:-5px; /* for IE only */
}
ul#hmenu li ul.submenu li {
}
ul#hmenu li ul.submenu li.begin{
display:none;
}
ul#hmenu li ul.submenu li.mispacer{
height:15px;
}
ul#hmenu li ul.submenu li.misep{
height:4px;
border-bottom: 1px solid #FFF;
}
ul#hmenu li ul.submenu li.end{
display:none;
}
/* Submenu section titles */
#hmenu li ul.submenu li.mititle span, #hmenu li ul.submenu li.mititle a {
color:#FFFFFF;
font-size: 12px;
line-height: 20px;
font-weight: bold;
text-align: left;
}
ul#hmenu li.mitext ul.submenu li.mitext{
text-align: left;
}
ul#hmenu li ul.submenu li.menusep {
border:none;
}
ul#hmenu li ul.submenu li a, ul#hmenu li ul.submenu li span {
display:block;
font-size: 11px;
line-height: 14px;
font-weight: normal;
white-space:normal;
margin: 0px;
padding-top: 4px; /* set vertical padding here*/
padding-bottom:4px;
}
ul#hmenu li ul.submenu li a:hover {
color:#FFFFFF;
background: #F4B759 url(none);
border-style: none;
}
ul#hmenu li ul.submenu li.mititle a:hover {
color: #FFFFFF;
