Petit problème de menu

Bonjour

Je m'essaye au menu déroulant et ça marche parfaitement sous FF mais pas sous IE(comme d'hab).
Je ne comprends pas d'où viens le problème, IE7 est censé comprendre le hover sur autre chose que des liens non ?

Donc si quelqu'un a une solution,je suis preneur.
Html

<link href="style.css" rel="stylesheet" type="text/css">
<div id="menu1" class="menu">
                    <ul>
                        <li><a href="test">Test menu</a>
                            <ul class="smenu">
                                <li><a href="test2">Testsousmenu1</a></li>
                                <li><a href="test2">Testsousmenu2</a></li>
                                <li><a href="test2">Testsousmenu3</a></li>
                            </ul> 
                        </li>                    
                    </ul> 
</div>  

Css

@charset "utf-8";
/* CSS Document */
*{margin:0;
padding:0;
}

.menu{
list-style:none;
width:150px;
}

.menu ul li ul{
display:none;
}

.menu ul li:hover ul{
display:block;
list-style:none;
margin-left:100px;
width:100px;
float:left;
clear:left;
}  

voila,merci.