CSS: Stupid IE6 and 7 bug 'border' bug?
See the top level menu www(dot)zen41118.zen.co.uk/ScotEdJobs/homepage.htm looks good in everything I have tested on including Mac, Opera, Firefox. But IE will not expand the background of the "selected" option in the menu.
I am using the 'border' to pad the background out and IE seems to ignore it!
Full CSS File
Anyone?
Johan De Silva / Portfolio
Last edited by Johan007 on 11 Feb 2007 10:31 am; edited 2 times in total
| Code: |
| #main-menu li.selected a{font-weight:bold;color:#fff;background-color:#5b84b2;border:6px solid #5b84b2} |
Full CSS File
Anyone?
Johan De Silva / Portfolio
Last edited by Johan007 on 11 Feb 2007 10:31 am; edited 2 times in total
I have looked in IE7 & Firefox but cannot see any difference between the two. What exactly are you trying to achieve? is it a mouseover action or something else 
Mike Abbott
Accessible to everyone
Mike Abbott
Accessible to everyone
Just the blue around the blue blocks...
| Code: |
| border:6px solid #5b84b2 |
Having a play around I notice that by changing the border colour the left and right borders only appear, something is covering the top and bottom border, but in the limited time available I cannot sort it out.
Mike Abbott
Accessible to everyone
Mike Abbott
Accessible to everyone
Indeed it is friday!
I think I have sorted it.
I think I have sorted it.
For others who are wondering, triggering hasLayout (by using e.g. zoom:1) or using position:relative on the links should do the trick.
Simon Pieters
Simon Pieters
All fixed thank you
Johan De Silva / Portfolio
Johan De Silva / Portfolio



