הוסטס - פורום אחסון האתרים הגדול בישראל

אני מקודד עכיו עיצוב לאתר שלי.
תוכלו לראות אותו פה:
http://www.sbr.co.il/new
הבעיה היא שבתפריט הראשי (הכי למעלה) הMARGIN-RIGHT נהיה כמו LEFT בIE7.
אם תסתכלו על הקוד מקור זה לא אמור להיות ככה.
מישהו יכול להסביר לי למה זה ככה?

קוד HTML של החלק המדובר:

HTML קוד:

<ul class="mainmenu">

                        <li class="mainmenu" style="margin-right:40px;"><a href="#">ראשי</a></li>

                        <li class="mainmenu" style="margin-right:80px;;"><a href="#">קצת עלינו</a></li>

                        <li class="mainmenu" style="margin-right:80px;"><a href="#">פרויקטים</a></li>

                        <li class="mainmenu" style="margin-right:65px;;"><a href="#">עוד שירותים</a></li>

                        <li class="mainmenu" style="margin-right:60px;"><a href="#">צור קשר</a></li>

        </ul>

קוד CSS:

קוד:

ul.mainmenu {

width:672px;

height:45px;

background-image:url("images/mainmenu.gif");

background-repeat:no-repeat;

list-style-type:none;

}



li.mainmenu {

list-style-type:none;

display:inline;

font-size:18px;

font-family:Arial, Helvetica, sans-serif;

font-weight:bold;

text-align:right;

}