November 10th, 2003, 10:09 AM
Join Date: Nov 2003
Location: London UK
Time spent in forums: < 1 sec
Reputation Power: 0
CSS layout - nav problem
I have a cross-browser compatibility problem with a CSS layout. Basically I have a DIV, with a fixed width and a background colour, used as a Nav bar.
Within this DIV, I have some <A> tags with a class that gives them a padding.
The height of the nav bar is not fixed in pixels because I want it to be accessible so the browser font size controls the size of the bar.
The url is http://www.al-scott.co.uk/nav_prob.html
The page is XHTML 1.0 strict
It works fine in IE and Opera.
On mozilla, the nav bar doesn't pick up the height from the padded links, so it's too small and the content from the DIV below floods into the nav bar.
If anyone knows a way to achieve this effect in a compatible way, then I'll be a very happy man.
It's a bit messy, but most of this is inline CSS, for the purposes of quick debugging.