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.ne…reenshot065a6z78vufj1.jpg
Firefox, Chrome, Safari:
http://www.fotos-hochladen.net…reenshot0667noi13kd4v.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
