Проблемма с выпадающим меню IE

[zloymux]

Добрый день.

Помогите пожалуйста разобраться.

Проблема следующая

В хроме и фоксе при переходе на выпадающие пункты меню все нормально.

А в интернет эксплоере при переходе на выпадающие пункты они исчезают из под мышки.

Ломаю голову не могу понять в чем дело может кто подскажет

Разрабатываю локально ссылку дать не могу

 
<div class="navbar">
	<div class="navbar-inner">

			<a class="brand left" href="/"><img src="images/img_css/vespa_logo.png"></a>
			<div class="nav-collapse left">
			   <ul class="nav">
                           <li class="first dropdown">
                           <span>1Каталоги</span>
	                      <ul class="dropdown-menu">
                               <li class="first">
	                         <a href="katalog/test1.html" title="" >test1</a>
                               </li>
                               <li class="last">
	                         <a href="katalog/test2.html" title="" >test2</a>

                               </li>

                              </ul>
	                   </li>
                           </ul>
                        </div>

			<a hrf="cart.html" class="clear" id="cartLink">Корзина</a>


	</div>
</div>

/*общие настройки*/

* {margin:0;padding:0;border:0;}

*:focus
{
	outline:none;
}
body, html {height:100%;}

body
{
background: #F8F8F8 url(/images/contentArea_bg.png) repeat-x;
font-family: Arial;
color: #5C5C5C;
font-size: 12px;
padding-top:1%;
}

ul {list-style: none;}

P { 
    text-indent: 1.5em; /* Отступ первой строки */
  }

.left
{
	float:left;
	display:inline;
}
.right
{
	float:right;
	display:inline;
}
.clear
{
	clear:both;
}

a
{
	outline:none;
	text-decoration:none;
}

#wrapper
{
 background: #fff;
	width:904px;
	margin:0 auto;
	min-height:99%;

    -moz-box-shadow:    0 -1px 10px rgba(122, 122, 122, 0.9); /* Для Firefox */
    -webkit-box-shadow: 0 -1px 10px rgba(122, 122, 122, 0.9); /* Для Safari и Chrome */
    box-shadow:         0 -1px 10px rgba(122, 122, 122, 0.9);


	border-top-left-radius: 10px;
 border-top-right-radius: 10px;
	border-bottom-left-radius: 10px;
 border-bottom-right-radius: 10px;
	position:relative;
}

/*Шапка + чанк верхнего меню $navbar*/

.navbar
{
 background: #F2F2F2 url(/images/head_3.png) no-repeat top left;
 height: 298px;
 width:100%;
 border-top-left-radius: 10px;
 border-top-right-radius: 10px;
}

.navbar-inner
{
 position:relative;
 top:262px;
 height:36px;
 background: #000 url(/images/img_css/nav_bg.png)  left center repeat-x;

}


/*Горизонтальное меню*/

.brand
{
				text-align:center;
			 display:inline-block;
				width:190px;
}

.nav-collapse
{
display:inline-block;
line-height:34px;
height:34px;
width:580px;
padding:0  7px;
}

#cartLink
{   
    color: white; /* Белый цвет текста */
    font-size: 14px; /* Размер надписи */
				font-weight:normal;
				text-align:center;
			        display:inline-block;
				background-color:#000;
				width:120px;
				line-height:34px;
}


ul.nav>li
{
background: url(/images/img_css/nav_bg_div.png)  left center no-repeat no-repeat;
display:inline-block;
text-align:center;
width:190px;
height:34px;
vertical-align: middle;
}

.dropdown
{
	background: url(/images/img_css/top_menu_btn.png)  left center no-repeat no-repeat !important;
}

.dropdown.active
{
	background: url(/images/img_css/top_menu_btn_h.png)  left center no-repeat no-repeat !important;
}

.dropdown:hover
{   background: url(/images/img_css/top_menu_btn_h.png)  left center no-repeat no-repeat !important;
    -moz-box-shadow: 0 0 5px rgba(0,0,0,0.5); /* Для Firefox */
    -webkit-box-shadow: 0 0 5px rgba(0,0,0,0.5); /* Для Safari и Chrome */
    box-shadow: 0 0 5px rgba(0,0,0,0.5),0 0 1px rgba(0,0,0,0.9); /* Параметры тени */
}

ul.nav li ul li  {position:relative; display:none;}

ul.nav li:hover ul li {display:block;}


/*Контент содержит в себе левое меню хлебные крошки и область контента*/

/*Хлебные крошки чанк $Breadcrumb*/


/* Подвал чанк $footer */
#footer
{
 position:absolute;
	bottom:0;
	text-align:center;
	text-transform:uppercase;
	font-size:9px;
	padding:20px 0;
	color:#c1c1c1;
}

#footer a
{
	padding:0 5px;
	color:#c1c1c1;
}
#footer a:hover
{
	text-decoration:underline;
}