Menu css qui affiche sur firefox mais pas sur explorer 8

Bonjour j'ai un urgent besoin d'aide je suis présentement sur un projet de programmation de site web. Je viens de finir de programmer mon menu mais il'affiche pas les sous-menu dans internet explorer mais l'affiche dans firefox

alors voici mon code

html


<link href="style.css" rel="stylesheet" type="text/css" />

<ul class="niveau1">
<li>
recette
<ul class="niveau2">
<li>
viande
<ul class="niveau3">
<li>veau</li>
</ul>
</li>
<li>volaille</li>
<li>légume</li>
</ul>
</li>
</ul>



Css

ul ul {
display: none;
}
li :hover ul.niveau2, li li:hover ul.niveau3 {
display:block;
}
ul ul {
display: none;
position: absolute;
left: 140px;
top: 0px;
margin: 0px;
padding: 0px;
}

li{
list-style-type: none;
position: relative;
width: 140px;
background-color: #e0e0e0
}

li:hover ul.niveau2, li li:hover ul.niveau3 {
display: block;
}

<style type="text/css">
ul ul {
display: none;
position: absolute;
left: 144 px;
top: 1px;
margin: 0px;
padding: 0px;
border: 1px solid grey;
}

li {
list-style-type: none;
position: relative;
width: 140px;
background-color: #e0e0e0
padding: 2px;
margin 0px;
}

li:hover{
background-color: #FFFF70;
}

li:hover ul.niveau2, li li:hover ul.niveau3 {
display: block;
}

li.plus {
background-position: right;
backgroundimage: url(fond.jpg);
background-repeat: no-repeat;
border-bottom: 1px solid grey;
}
</style>


je vous remerci d'avance