Horizontal list

I'm trying to make a horizontal list. This is my simple CSS:

ul {
color: #ffba00; }

li {
float: right;
margin-left: 3em;
display: list-item;
list-style-type: disc; }

and this is the HTML:

<ul>
<li>Menu 1</li>
<li>Menu 2</li>
<li>Menu 3</li>
<li>Menu 4</li>
</ul>

With FF it's rendered in the right manner, but with IE there's no way to make it draw the dots before each item.
Why???

 

why don't you try to place an image of a dot in place of writing an <ul></ul>

I think it will be better, I used it once for www.deluxe.am and to tell you the truth I liked it better as you can have any type of a bullet you wish

 

•

Code (markup):

This is the ASCII for a bullet, you can use that instead?

 

he tries to have not just a bullet but a bullet with a disc type. the option I propose is better as he can use anything instead of the bullet only

 

Ludwig is right on this, except that you should keep the list structure.

li {
    border: 1px solid black; /*for clarity in demo*/
    float: right;
    padding-left: 25px;
    list-style: none;
    background-image: url(bullet.gif) left middle no-repeat;
    }
=============
<ul>
  <li>item 4</li>
  <li>item 3</li>
  <li>item 2</li>
  <li>item 1</li>
</ul>

Code (markup):

Make the image an appropriate size, not exceeding about 16px square.

cheers

gary

 

thanks for extra info gary I think it'll work out for him