Can those of you on IE check this page? On some machines (seemingly random), all of the text within the white area will be invisible until you select it, then parts of it will be visible. If you add the product to your cart, the issue goes away. I have no explanation for this. If anybody else does, please let me know. I have disabled javascript to see if it was that... nope. It may be flash. How do you disable flash in IE6?
Some constructive criticism. I find the best way to fix weird errors such as these is to start validating your HTML and CSS and keep going until it's perfectly valid. A lot of times that'll clear up weird bugs like this. Not always though.
O.o
Weird things happen with IE
I had that same error in a zencart program Don't remember Exactly how i solved it but in my case i think i changed the css for that part of the text (don't think it will work for you though ^_^).
Flash:
Under IE 6/7
Try Tools->Internet Options->Programs->Manage Add-ons and look for flash plug-in there...
Otherwise Tools->Internet Options->Advanced and somewhere in that list i think it's got something like "Play animations" (not sure about this)
Good luck with it
Alright, I've fixed the issues that made the page not validate, I've disabled flash AND javascript (seperately and at the same time) and still the problem persists. Anybody?
I've added a screenshot to the original post. I have posted this to css-discuss, other forums, asked just about everybody who might have any idea... nothing.
That is a weird bug. I have seen it once before. In that case the solution was to remove a clearing div. I have no time to turn on my pc now and test, but at this point, if I were you, I'd try to change around some things with the way the divs are floated and cleared. And see if that makes a difference.
And temporarily remove elements to pinpoint the element which causes the bug (although in fact it will be some weird combination of things causing it)
I have seen some issues when you apply attributes to an element and then have a block element inside of it. No clue why. Just add a style to set the font color directly, even if you have to use an inline style, if you haven't already.
And yes, this is an IE only issue, and yes, the same problem occurs in IE 7.
From inner elements to outer from the text in order..
css class label does not set the font color
css class product-tidbit does not set the font color
I wasn't able to find product-information in any of the screen style sheets <!-- maybe this causes inheritance in IE to fail in certain circumstances??
css class product-details does set the font-color to black
It "should" be rendering correct. This is clearly a bug in IE.