Hi,

 

I have created a horizontal navigation bar using an unordered list. I have used padding on each <li> to create space between them. However, firefox and safari seem to be treating the pixel size differently as when the navigation bar looks perfect on firefox, it runs over on safari. The code is displayd below:

 

.navigation ul li

{

float: left;

color: white;

font-size: 135%;

padding: 0px 9px 0px 9px;

}

 

Any help would be greatly appreciated

 

Cheers

Can you include a link to the page where you're getting problems? It's difficult to understand your problem just by the description you've included.

Try putting this in:

 

.navigation ul {

padding: 0;

margin: 0;

}