IE rozjechane menu

[RobertoS]

Witam,

Mam problem.
Na wszystkich przeglądarkach licząc od Firefox, Opera, Chrome jest ok ale na IE sprawdzane na 10 i 7 rozwala mi się menu.
Problem wyglądam jak na załączonym obrazku.

Za chiny nie wiem już co jest nie tak wszystko ok IE nie.

Jeśli ktoś mógłby pomóc będę wdzięczny.
Poniżej wgląd w css nagłówka:

#header {
padding: 0 0 0px;
}

#header-inner {
width: 1040px;
margin: -30px auto 0;
position: relative;
z-index: 20;
}

#logo {
overflow: hidden;

width: 260px;
min-height: 92px;
margin: 0 auto;
padding: 0 20px;
z-index: 20;
position: relative;
}

#logo h1,
#logo h2 { margin: 0; }

#logo h2 {
font-size: 12px;
color: #888;
}

#site-title {
text-transform: uppercase;
font: normal 24px/1.4 'Merriweather', serif;
color: #333;
}

#site-title.text { padding-top: 30px; }

#site-title a { color: #333; }

#site-title a:hover { color: #9c0; }

#mobile-menu { display: none; }

#primary-menu {
text-transform: uppercase;
position: absolute;
top: 95px;
left: 0;
width: 100%;
z-index: 10;
}

#primary-menu .split-menu {

border-width: 1px 0;
width: 440px;
padding: 5px 0 4px;
float: left;
}

#primary-menu .right-menu { float: right; }

#primary-menu ul {
margin: 0;
padding: 0;
list-style: none;
line-height: 33px;
}

#primary-menu ul a { position: relative; }

#primary-menu ul li {
position: relative;
display: inline-block;
z-index: 40;
}

#primary-menu ul li:hover { visibility: inherit; }

#primary-menu ul ul {
position: absolute;
top: -9999em;
top: 30px !important;
display: none;
}

#primary-menu ul ul li { width: 100%; }

#primary-menu ul li:hover ul,
#primary-menu ul li.sfHover ul {
top: 12px;
z-index: 99;
}

#primary-menu ul ul ul { display: none !important; }


/* top level skin */
#primary-menu ul li { margin: 0; }

#primary-menu ul a {
color: #ffffff;
font: bold 12px/33px 'Merriweather', serif;
padding: 10px 25px 10px;
border-radius: 20px;
text-shadow: 0 0 0px #eee;
background: url(images/up-arrow.png) no-repeat right 13px;
}

#primary-menu ul li.current-cat a,
#primary-menu ul li.current_page_item a,
#primary-menu ul li.current-menu-item a {

}

#primary-menu ul li.current-menu-item li a:hover,
#primary-menu ul a.active,
#primary-menu ul ul li.current-menu-item a,
#primary-menu ul a:hover {
text-decoration: none;
background: rgba(0,0,0,0.1);
}

#primary-menu ul li.current-menu-item li a:hover { background: none; }

#primary-menu ul li.current-cat li a,
#primary-menu ul li.current_page_item li a,
#primary-menu ul li.current-menu-item li a {
background: none;
box-shadow: none;
}

/* 2nd level skin */
#primary-menu ul ul {
padding: 20px 0 0;
text-transform: none;
text-align: center;
width: 200px;
background: url(images/up-arrow.png) center 16px no-repeat;
}

#primary-menu ul ul li { ; }

#primary-menu ul ul li:first-child { padding-top: 15px; }

#primary-menu ul ul li:last-child {
padding-bottom: 15px;

}

#primary-menu ul ul li a { background: none; }




#secondary-menu {
width: 100%;
background: #333;
position: relative;
}

#secondary-menu ul {
max-width: 940px;
margin: 0 auto;
padding: 0;
list-style: none;
}

#secondary-menu ul li {
display: inline-block;
margin: 0;
z-index: 40;
}

#secondary-menu ul li:hover { visibility: inherit; }

#secondary-menu ul ul {
position: absolute;
top: -9999em;
width: 100%;
max-width: 100%;
}

#secondary-menu ul li:hover ul,
#secondary-menu ul li.sfHover ul {
top: 50px;
left: 0;
z-index: 99;
}

#secondary-menu ul ul ul { display: none; }

/* top level skin */

#secondary-menu ul a {
color: #999;
font-weight: bold;
font-size: 11px;
line-height: 50px;
padding: 0 18px;
text-transform: uppercase;
display: inline-block;
}

#secondary-menu ul a.parent:hover,
#secondary-menu ul a.parent.active { background: url(images/up-arrow.png) center bottom no-repeat; }

#secondary-menu ul li.current-menu-item a,
#secondary-menu ul li.current-menu-item a:hover,
#secondary-menu ul a.active,
#secondary-menu ul a:hover {
text-decoration: none;
color: #fff;
}

/* 2nd level skin */
#secondary-menu ul ul {
padding: 16px 0;
text-transform: none;
text-align: center;
width: 100%;
background: #fff;
border-bottom: 1px solid #ddd;
}

#secondary-menu ul ul li { display: inline; }

#secondary-menu ul ul a,
#secondary-menu ul li.current-menu-item ul a,
#secondary-menu ul li.current-menu-item ul a:hover {
color: #333;
font-weight: bold;
font-size: 11px;
line-height: 1;
text-transform: uppercase;
padding: 0 10px;
border-right: 1px dotted #ccc;
}

#secondary-menu ul ul li:last-child a { border: 0; }

#secondary-menu ul li.current-menu-item ul a:hover,
#secondary-menu ul ul a:hover { color: #9c0; }