✔ Horizontales Menü IE7

[dobber812]

Hy,

ich habe mit einem horizontalen Menü und dessen "bugs" im ie7 probleme (ie6 ebenfalls).

Die Menüpunkte werden vertikal über die ganze Breite des Templates ausgegeben und nicht wie gewünscht horizintal in einer Reihe.

#main_menu {
	height: 36px;
	background-image: url(img/menu_bg.png);
	background-repeat: repeat-x;
	padding-left: 150px;
	text-align: left;
	font-size : 15px;
	line-height: 30px;
	color: #000;
	width: 778px;
	margin-left: 2px;
}	 

#main_menu li {
float:left;
margin:0;
text-align:right;
background-image: url(list_img.gif);
background-repeat: no-repeat;
background-position: left center;
list-style-type: none;
display: block;
position: relative;
}
#main_menu li a {
color : #1a1a1a;
display:block;
text-decoration : none;
padding-top: 0px;
padding-right: 15px;
padding-bottom: 0px;
padding-left: 15px;
}
#main_menu li a:hover {
background-image: url(list_img_o.gif);
background-repeat: no-repeat;
background-position: left center;

Wo ist da der Fehler des IE´s?

Besten Dank

LG


## EDIT ##

.li
display:inline

 

[Maik]

ich habe mit einem horizontalen Menü und dessen "bugs" im ie7 probleme (ie6 ebenfalls).

Die Menüpunkte werden vertikal über die ganze Breite des Templates ausgegeben und nicht wie gewünscht horizintal in einer Reihe.

Kann ich mit deinem gezeigten Stylesheet im IE7 (IE6 ebenfalls) nicht reproduzieren:



mfg Maik