Jim

asked
> I am having a problem with this sample rollover at 
> http://www.barricksinsurance.com/button.html .
> It shows up fine with 4 rows across and 4 rows down on IE but 
> it shows 5  rows across on Firefox.
> Has anybody any idea what is going wrong here Please?
  
I believe is all to do with the box model 
http://tantek.com/CSS/Examples/boxmodelhack.html and that IE sees the li containers at 
greater than 20% in width and Gecko 
sees the containers as exactly 20% and 5*20% will fit in 100%

two solutions:
add "clear: left;" to  "ul.navlist" 
this works while you have 4 items in each ul.navlist, personally I think this is a 
little bit of overkill and would use one ul for all items in a box.

or increase the width in  "ul.navlist li" from 20 to 22%
works in both IE and Firefox.

Nick
******************************************************
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
******************************************************

Reply via email to