Log in   Register a New Account

Accessify Forum - Discuss Website Accessibility

New to the forum?

Only an email address is required.

Register Here

Already registered? Log In

Currently Online

No registered users are online.

CSS: Stupid IE6 and 7 bug 'border' bug?

Reply with quote 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.

Code:
#main-menu li.selected a{font-weight:bold;color:#fff;background-color:#5b84b2;border:6px solid #5b84b2}
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
Reply with quote 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 Confused

Mike Abbott
Accessible to everyone
Reply with quote Just the blue around the blue blocks...
Code:
border:6px solid #5b84b2
Reply with quote 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
Reply with quote Indeed it is friday!

I think I have sorted it.
Reply with quote 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
Reply with quote All fixed thank you

Johan De Silva / Portfolio

Display posts from previous:   

All times are GMT

  • Reply to topic
  • Post new topic