Помогите с верстой меню

[Aleksey_k]

Помогите разобраться.

Есть меню - выглядит оно следующим образом:

А в IE оно отображается так:

В style.css меню описано так:

#mainmenu{
	background-image:url(images/bg-mainmenu.gif);
	background-repeat:no-repeat;
	width:920px;
	height:39px;	
	position:relative;
}
#mainmenu ul{line-height:38px; z-index:100;position:relative; float:left;}
#mainmenu ul li{
	float: left;
	padding:10px 0px 9px 0px;
	color:#ffffff;
	background-image:none;
	position:relative;
	left: 52px;
	overflow:hidden;
	border-right:1px solid #f4f4f4;
	border-style: dotted;
}
#mainmenu li:first-child {
  	border-left:1px solid #f4f4f4;
	border-style: dotted;
} 
#mainmenu ul li a, #mainmenu ul li a:visited{
	font-size: 14px;
	font-weight:bold;
	color:#ffffff;
	text-decoration:none;
	padding: 0px 30px 0px 30px;
}
#mainmenu ul li li a{
	display:block;
	float:left;
}
#mainmenu ul li a:hover{
	text-decoration:none;
	color:#ffffff;
	text-decoration: underline;
}
.menu li li{
	margin:0px 0px 0px 0px;
	padding:0px;
	position:relative;
	z-index:100;	
}

Страница с меню - car-monitoring.ru

Спасибо за помощь.

Edited December 7, 2012 by Aleksey_k

[Aleksey_k]

никак не могу понять откуда при просмотре через IE добавляются доп. пробелы слева от ссылок меню

Edited December 6, 2012 by Aleksey_k

[Aleksey_k]

ап

[Whatsup]

display:inline пропиши плавающему элементу

#mainmenu ul li li a{

display:block;

float:left;

}

.menu li li{

margin:0px 0px 0px 0px;

padding:0px;

position:relative;

z-index:100;

}

не нашел в меню таких селекторов.

Edited December 7, 2012 by Whatsup

[Aleksey_k]

Спасибо за совет.

Прописал - не помогло... Может еще какие идеи есть?

[npofopr]

ie6.css

#main ul li {padding-left:25px;}

Уберите.

И научитесь пользоваться инспектором кода в IE.

+ я не понимаю зачем ставить <meta http-equiv="X-UA-Compatible" content="IE=7" />