Strange IE bug

[Roxon]

Basically, I have something like this:

HTML:

Some PHP code


Print Button



Some options









Some data

In the CSS, the #print p tag has some hover affects applied. It works really well and looks very nice in Firefox & Chrome:

However, when you hover over anything that has the :hover pseudo-selector, you get this:

I can’t explain it, does anyone know what it is?

[noahgelman]

What is the :hover css?

[Mottie]

If the problem is occurring in IE6, it’s because the “:hover” pseudo-selector was not supported. Honestly, I wouldn’t bother if this is the case because of the IE6 auto-updating announcement (ref).

If the problem is occurring in a modern browser, then it would help if you shared more of your css as Noahgelman asked; because I’m guessing it could be related to using ID’s, which should be unique, instead of classes on those elements.

[Roxon]

@noahgelman:

border: 1px solid #938b4a;

cursor: pointer;

color: #fff;

[noahgelman]

Put the portion and print p tags in a div and give it some height.

Do you have a link to the site?

[Author]

Posts