Question

Works fine in FF/IE if I include a link to a stylesheet, but I’d rather include the CSS inline so everything is in the one XSL file so it’s easier to distibuute. When I do, IE works but FF drops a style for one element; that style is in a separate stylesheet, not the inline styling.

Specifically:

HTML:

<ul id =navbar class=**PrimaryNavFrame**><li><a href="http://mysite.com/contactus.aspx">Contact</a><ul><li><a href="h.......

The styling for the PrimaryNavFrame class gets dropped only in FF. It appears in the source, etc. The inline styling itself works.

I’m not used to Firefox having a problem with what seems pretty straightforward so was wondering if anyone has any ideas?

Update:
If I remove float, it works, but I need the float (it’s a horizontal menu):

#navbar li {display:inline;   list-style: none;   float: left ;height:25px; }

Is there a way to get the float without disrupting the external CSS?

Another update:

It seems all I had to do was add the float to the class that was getting dropped and it works!

.PrimaryNavFrame{float:left;}

Thanks for the responses!

Answer 1

Another update:

It seems all I had to do was add the float to the class that was getting dropped and it works!

.PrimaryNavFrame{float:left;}

Thanks for the responses!