Menu in ff klopt niet.

Heey,

ik heb het volgende menu gemaakt:
http://img508.imageshack.us/img508/5844/menusqi6.jpg
Dit is in FF want in IE doet het precies wat het moet doen.

Hiervoor heb ik deze code gebruikt.
De links worden uit een DB gehaald.

css:

#navigation
	{
    float:left;
    height:35px;
	width: 600px;
	background-image: url('image/menubackgroundM.jpg');
    }
#navigationleft 
	{
	float: left;
	background: url('image/menubackgroundL.jpg') no-repeat;
	width: 8px;
	height: 35px;
	}
	
#navigationright 
	{
	float: left;
	background: url('image/menubackgroundR.jpg') no-repeat;
	height: 35px;
	width: 14px;
	}
#navigation ul 
	{
    list-style:none;
	float: left;
    }

#navigation a 
	{
    display:block;
    padding:3px 12px 0px 4px;
    text-decoration:none;
    color:#000000;
    font-size:12px;
    font-weight:bold;
    }
#navigation li 
	{
    float:left;
	padding-top: 5px;
	font-family: calibri, tahoma, verdana;
	font-size: 12px;
	text-indent: 20px;
    }

php:

<div id="navigationleft">
		</div>
		<div id="navigation">
	
				<?php
				echo "<ul>";
				$menuItemQuery = "SELECT * FROM pages WHERE pageParentID = 0";
				$menuItemSql = mysql_query($menuItemQuery) or die (mysql_error());
				while ($menuItem = mysql_fetch_assoc($menuItemSql))
					{
					echo "<li><i>";
					$showMenuItem = $menuItem['pageTitel'];
					$menuItemID = $menuItem['pageID'];
					echo "<a href=\"index.php?page=".$menuItemID."\">".$showMenuItem."</a> ";
						echo "</i></li>";
					}
				echo "</ul>";
				?>				
		</div>
		<div id="navigationright">
		</div>

Iemand enig idee hoe dit te verhelpen is?

thnx SjoriS