Hallo! Ich habe ein großes Problem!
Ich habe soeben bemerkt dass meine Website vom Internet Explorer falsch angezeigt: Das Menü ist einfach etwas weiter heruntergerutscht. (Website: Wasserwacht Riem)Das ist echt nervig! Kann ich dagegen irgendwas machen? Den Code ändern? Wenn ja wie, den ich bin in diesem Gebiet recht neu...
Der CSS-Code
Ich habe soeben bemerkt dass meine Website vom Internet Explorer falsch angezeigt: Das Menü ist einfach etwas weiter heruntergerutscht. (Website: Wasserwacht Riem)Das ist echt nervig! Kann ich dagegen irgendwas machen? Den Code ändern? Wenn ja wie, den ich bin in diesem Gebiet recht neu...
Der CSS-Code
Code:
/* menu */
#templatemo_menu {
clear: both;
width: 950px;
height: 122px;
padding: 0 10px;
margin-bottom: 20px;
background: url(images/templatemo_menu.png) no-repeat top;
}
#templatemo_menu .home a {
float: left;
width: 52px;
height: 52px;
margin: 9px 19px;
background: url(images/templatemo_home.png) no-repeat center;
}
#templatemo_menu .home a:hover {
background: url(images/templatemo_home_hover.png) no-repeat center;
}
#templatemo_menu ul {
float: left;
display: inline-block;
height: 50px;
margin: 0;
padding: 10px 0;
list-style: none;
}
#templatemo_menu ul li {
padding: 0;
margin: 0;
display: inline-block;
}
#templatemo_menu ul li a {
float: left;
display: block;
height: 45px;
width: 140px;
padding: 5px 0 0 0;
font-size: 11px;
color: #666;
text-align: center;
text-decoration: none;
font-weight: normal;
outline: none;
border: none;
background: url(images/templatemo_menu_divider.gif) repeat-y right;
}
#templatemo_menu ul li a span {
display: block;
font-size: 20px;
font-weight: normal;
color: #333;
}
#templatemo_menu ul li .last {
background: none;
}
#templatemo_menu ul li a:hover, #templatemo_menu ul .current {
color: #a13c03;
}
#templatemo_menu ul li a:hover span, #templatemo_menu ul .current span {
color: #a13c03;
}
#templatemo_menu ul li a span:hover {
color: #a13c03;
}
/* end of menu */