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;
} 


תודה רבה.

[syn]

הבעיה נמצאת ב display: block, בינתיים לא חשבתי על שום דבר שיכול לגרום לבעיה הזאת.

[RS324]

סתם משהו שעלה לי לראש עכשיו

margin-top:2px;
    margin:0px;

קודם הגדרת שמה TOP הוא יהיה 2 PX ואחרי זה ביטלת את זה והגדרת שכולם יהיו 0.

זה אם כבר אמור להיות הפוך או במשפט אחד

PHP קוד:

margin:2px 0px 0px 0px; 


[omercnet]

יש עניין של רווחים בין תאגים שIE לא יודע לסנן
http://www.omerc.net/tmp/priest.htm

שים לב שהוספתי בהתחלה

PHP קוד:

* { margin:0; padding:0 } 


זה תמיד טוב ע"מ למנוע חזרות של איפוס בכל אובייקט