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:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=windows-1255">
<style type="text/css">
border-top: 2px solid #000000;border-bottom: 2px solid #000000;
text-align: right;
#menu ul {
margin: 0px;
padding: 0px;
#menu li {
display: inline;
padding: 0px 20px 0px 0px;
<div id="menu">
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.

please help me with my problem, thank you all