CSS: בעיות עם FF ו-IE

[הכומר]

שלום לחברי פורום הוסטס,
יש לי בעיה עם תפריט שאני מנסה ליצור שבFF התפריט עובד מצוין בעוד בIE הוא כאילו יוצר "margin".
זה הקוד:
HTML:

PHP קוד:

<div id="menu-right">
        <ul>
                <li id="Nivot">תפריט ניווט:</li>
                <li><a href="#">עמוד ראשי</a></li>
                <li><a href="#">עמוד ראשי</a></li>
            </ul>
    </div> 


CSS:

PHP קוד:

#menu-right{
    float: right;
    width:214px;
    color: #404040;
    margin-top:2px;
    margin:0px;
    padding:0px;
    text-align:right;
    background-color:#FFF;
}
#menu-right ul{
    margin: 0;
    padding: 0;
}
#menu-right ul li{
    list-style-type: none;
}
#menu-right ul li a{
    display: block;
    padding: 2px;
    background: #FFFFFF;
    border-bottom: 1px solid #eee;
}
#menu-right ul li a:link{
    color: #404040;
    text-decoration: none;
    font-size:12px;
}
#menu-right ul li a:hover{
    background-color: #369;
    color: #fff;
}
#menu-right #Nivot{
    color:#414141;
    font-size:12px;
} 


תודה רבה.