Hello,
Im building a webiste and i run into a problem with some css code that only seems to be working fine on IE.


First let me give a simple example of what im doing. its a simple list arranged horizontically:


Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html>
<head>
<META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=windows-1255">
<style type="text/css">
#menu{
border-top: 2px solid #000000;border-bottom: 2px solid #000000;
padding:4px;
text-align: right;
}
#menu ul {
margin: 0px;
padding: 0px;
}
#menu li {
display: inline;
padding: 0px 20px 0px 0px;
}
</style>
</head>
<body>
<div id="menu">
<ul>
<li>One</li>
<li>Two</li>
<li>three</li>
<li>Four</li>
<li>Five</li>
</ul>
</div>
</body>
</html>
i use a 20px padding to the right of each <li> entry to add space between the items of the list.

As soon as i change the <li> items to hebrew i lose the 20px paddin. instead of having a 20px space between each list entry i get the whole 100px (5 times 20px) to the before the first item with no space between the items.

This problem only occurs when i use FF. on IE it works fine.

Im adding screen caps as well.
http://img394.imageshack.us/my.php?image=examplefx4.gif

please help me with my problem, thank you all