hi,
i am having a bit of difficulty with a basic CSS problem which totally ruins my layout :/
I am using an unordered list as a menu and i am using this CSS rules for it:
[CODE]
ul{
font-family: tahoma;
font-size: 10px;
letter-spacing: 1pt;
list-style-type: none;
}
li{
text-align: right;
}
quite basic formatting, but the problem i am having is it looks different on IE and FF. i get unwanted space between two list elements, please check the screenshot below.
[URL=http://img130.imageshack.us/my.php?image=ulspacingie4kq.png][IMG]http://img130.imageshack.us/img130/990/ulspacingie4kq.png
i tried using padding:0px and margin: 0px but it didnt help.
how can i get rid of the unwanted space in IE ( so that it looks like the firefox screenshot) ?
thanks.