You're floating both the anchors and the list items. Do neither. Remove the display property declaration within the "#top a" rule, and add a display declaration to the "#top li" rule with the value, inline.
Originally Posted by mrmahoosive
The ul element has a top margin.
Also, in FF the top links don't appear in the right place, never really fussed about site not working in FF, our users don't have it. But would be nice to have it looking the same across the board.
In general, if you are going to fiddle with the margins for any element to effect a particular layout, remove all margins and padding
and then add them where needed. This sidesteps differences between the default style sheets of various browsers.
Why do you have so many br elements, and why isn't that list of areas not marked-up as a list?