Mein Problem liegt darin dass ich mit Firefox, Safari und Google Chrome diese Homepage und auch das ul, li Menü optimiert habe.. unter IE 9 findet sich dann dieses Problem (Bilder sagen mehr als Worte)
IE 9:
http://img4.fotos-hochladen.net/uploads/screen…5a6z78vufj1.jpg
Firefox, Chrome, Safari:
http://www.fotos-hochladen.net/uploads/screen…67noi13kd4v.jpg
Hier mein CSS:
Code
#menu {
background: white url(images/menu.jpg);
width: 940px;
height: 58px;
margin: 40px auto;
}
#menu ul {
margin: 0px 0px 0px -50px;
padding: 0px 0px 0px 0px;
list-style: none;
line-height: normal;
text-align: center;
}
#menu li {
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
list-style: none;
line-height: normal;
float: center;
margin-left: 160px;
}
#menu a {
display: block;
float: left;
height: 55px;
padding: 0px 30px 0px 30px;
line-height: 56px;
letter-spacing: 1px;
text-decoration: none;
text-transform: uppercase;
font-family: 'Oswald', sans-serif;
font-size: 19px;
font-weight: normal;
color: #B5B5B5;
border: none;
}
#menu .current_page_item a {
color: #FFFFFF;
}
#menu a:hover {
text-decoration: none;
color: #FFFFFF;
}HTML an dieser Stelle:
Code
<div id="menu">
<ul>
<li><a href="index.html"><strong>Startseite</strong></a></li>
<li><a href="programm.html"><strong>Programm</strong></a></li>
<li><a href="karten.html"><strong>Karten</strong></a></li>
<li class="current_page_item"><a href="#"><strong>Sponsoren</strong></a></li>
</ul>
</div>
