Jake,
Ah hah! Many thanks for that!
And thanks to Bert, too, for replying. I would have posted the thanks offlist, but I wanted to indicate why Bert's solution would not be ideal in this case.
I wanted a rollover effect for the links, involving a graphic arrow to their left. But to achieve that, I had to have a way of creating left padding on the a. Every browser but IE 5 PC understood the left padding.
If it were not for IE PC (all flavours), I could have applied the rollover effect to the li, and this would have solved the padding issue. (li:hover)
Solution: float the a, which for some reason causes IE 5 PC to understand the left padding. And Jake provided the final (bizarre) piece in the puzzle. Is this a bug in Mozilla?
-Hugh Todd
Clearing in the <li>, but leaving the float in the <a> seems to fix the problem.
Jake
Quoting Hugh Todd:
I wanted a workaround for the refusal of IE 5 PC to honour the left
padding on my subnav (where I wanted to put little arrows). So I've set
the li a to float left, and set a clear: left to force them to align
vertically.
In Firefox the clear is ignored!
What have I missed????
I've coloured the links with a gold background for clarity.
http://www.fortyfivedegrees.com/childrenfirst/access/
css at http://www.fortyfivedegrees.com/childrenfirst/styles/cf2.css
Any help greatly appreciated.
****************************************************** The discussion list for http://webstandardsgroup.org/
Proud presenters of Web Essentials 04 http://we04.com/ Web standards, accessibility, inspiration, knowledge To be held in Sydney, September 30 and October 1, 2004
See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list & getting help ******************************************************
