Main links display vertically in firefox

Hello,
My main links 'log in, home, checkout,' are displaying badly in firefox. It looks beautiful in IE, just as it should look; Aligned to the right in a horizontal line.
When I view the site in firefox the links display vertically and are aligned left. This created a huge space above the logo/header image.

Does anyone know a css fix for this?

Beep
**Queeni-B Boutique
**https://www.queenib.com/boutiquez

I viewed your site in IE8 and FF and it looks identical?

Those black and white stripes hurt my eyes though :cool:

Really? I'm using firefox 3.0.10 and the header looks damn ugly.

Now, you say they are identical... is that they are both displaying in the top right corner in a tidy horizontal line? Or the dodgy way?

Beep

Ahh I see.... I'm using the latest FF and it's viewing the same as IE8, like this:

Find this in your stylesheet.css (line 293)

#navMain ul, #navSupp ul, #navCatTabs ul {
line-height:1.5em;
list-style-type:none;
text-align:center;
}

Change to this:
#navMain ul, #navSupp ul, #navCatTabs ul {
line-height:1.5em;
list-style-type:none;
text-align:center;
float:right;
}

Thanks Limelites,

That didn't work. It is now displaying in the right hand corner, so it's in the right place BUT... it's still displaying in a vertical list in Firefox. This means that the only link i can see is the 'home/ store front' link and not the 'log in' or 'checkout' etc links are hidden behind the header banner.
I notice that in the image you posted they were both displaying in the undesired way; vertically.

There must be a style to change the list from va ertical to a horizontal arrangement?

Beep
Queeni-B Boutique
w w w .queenib.com/boutiquez

beep:

Hello,
My main links 'log in, home, checkout,' are displaying badly in firefox. It looks beautiful in IE, just as it should look; Aligned to the right in a horizontal line.
When I view the site in firefox the links display vertically and are aligned left. This created a huge space above the logo/header image.

Does anyone know a css fix for this?

Beep
**Queeni-B Boutique
**https://www.queenib.com/boutiquez

just so you know, i have moved the store to the root folder and am now using /boutiquez as a test store, however i have not overcome this most bizarre css firefox issue yet.

Any ideas welcome :huh:

Beep
Queeni-B Boutique
https://www.queenib.com

ok, sorted!

I used http://jigsaw.w3.org/css-validator/ to check the stylesheet and it seems one tiny comma made all the difference. It said...

#navMain ul li, {
display: inline;
float:right;
}

instead of
#navMain ul li {
display: inline;
float:right;
}

Now the header links are displaying the same in firefox and IE.

Beep
Queeni-B Boutique
https://www.queenib.com