[key_uk]

I want my css list to be honizontal, which it is on a mac using safari, but when I check it on a pc using IE its vertical, can anyone please help my link is:
http://finefood.pinpointcreative.co.uk/test.html

and my code is:

#bottomnavcontainer ul
{
list-style-type: none;
margin: 0;
padding: 0;
margin-left: 210px;
}

#bottomnavcontainer ul li a
{
background: transparent url(button1.jpg) left center no-repeat;
padding-left: 15px;
float:left;
font: normal 14px "Lucida Grande", "Lucida Sans Unicode", verdana, lucida, sans-serif;
text-decoration: none;
color: #666;
margin: 0 .8em 0 -.8em;
padding: 0 .8em 0 .8em;
}

#bottomnavcontainer ul li a:hover
{
background: transparent url(button2.jpg) left center no-repeat;
color: black;
}

#bottomnavcontainer ul li a#current
{
background: transparent url(button3.jpg) left center no-repeat;
color: #666;
}

[funkyprem]

you need to put the float: left on the li

[shaunmccall]

though "float" might be easier to use

[key_uk]

I have tried both float left and display:inline, but still wont work

[sleepingfish]

In the code that you've posted there isn't styling for your li.

[key_uk]

I took the code from the max design website Listamatic: Bulleted Rollover List someone must be good at lists

[stickmus]

not you obviously

li {
float:left
}

[key_uk]

Where do I put?

li {
float:left
}

[stickmus]

start at the beginning:

HTML and CSS Tutorials, References, and Articles | HTML Dog

[shaunmccall]

#bottomnavcontainer ul li
{
float:left
}

[key_uk]

Yea I did work that out afterwards, Thanks for all your help, I had to get rid of the green boxes tho.