Css меню не работает в Internet Explorer

[CoDaJJe]

У меня есть CSS меню.
Вот код:

<style type="text/css">

#nav, #nav ul {
list-style: none;
margin: 0;
padding: 0;
border: 1px solid ;
background: url(gradient2.PNG);
float: left;
width: 100%;
}
#nav li {
float: left;
position: relative;
background: url(gradient2.PNG);
back\ground: url(gradient.png);
}

#nav a {
color: #000000;
text-decoration: none;
display: block;
width: 130px;
padding: 4px 10px;
background: url(gradient2.PNG);
}
#nav a:hover {
color: #FFFFFF;
}
#nav li:hover {
}

#nav li ul {
display: none;
position: absolute;
background: url(gradient.png); padding: 8px 0;
width: 138px;
}
#nav li li a {
width: 118px;
background: none;
}
#nav li:hover ul {
display: block;
}

#nav li:hover li ul {
display: none;
width: 138px;
top: -9px;
left: 133px;
}
#nav li:hover li:hover ul {
display: block;
}

</style>
<div id="container">
<ul id="nav">
<li><a href="#null">1</a>
<ul>
<li><a href="">1.1</a></li>
<li><a href="">1.2</a></li>
</ul></li>
<li><a href="">2</a></li>
<li><a href="">3</a></li>
<li><a href="#null">4</a>
<ul>
<li><a href="">4.1</a></li>
<li><a href="#null">4.2</a><ul>
<li><a href="">4.2.1</a>
<li><a href="">4.2.2</a>
<li><a href="">4.2.3</a>
<li><a href="">4.2.4</a>
<li><a href="">4.2.5</a>
<li><a href="">4.2.6</a>
</ul></li>
</li></ul>
</div>

Меню всем меня устраивает КРОМЕ: она не работает в Internet Explorer.
Вопрос: как сделать так чтобы оно зараюотало в Internet Explorer.
Ужасно благодарен.