March 22, 2004
Yet another bug!
IE 5, 5.5 & 6 for Windows yet again...
This time the bug affects using <blockquote> and <div> tags in XHTML or HTML and a:hover in CSS together.
Essentially Internet Explorer for Windows has a placement bug when using all three of the above items - that would be most websites then. Sigh.
I implemented a bit of new <blockquote> code in Carla's CSS last night, you can see the effect in this entry. Of course, it looks absolutely fine in Firefox as usual but in IE there was a strange bug which moved any paragraph or div across to the right by twice the width of the border in the <blockquote> element, but ONLY when you hovered over a link. Whaaaat?
After a bit of searching around I found this page which explained exactly what I was seeing...
The bug is easy to squash though, all you seem to have to do is put a bottom-border element in your <blockquote> CSS. For example, in Carla's corrected code it reads
border-bottom: #eee 1px solid;
and that seems to have corrected the problem.
I hate all these stupid workarounds you have to do for IE. I know other browsers probably have their own bugs to squash but IE seems to be the worst one out there. I suffered from the peekaboo bug as well which had to be squashed and doesn't appear to have worked on every installation of IE6 out there.
Don't MS do proper beta-testing? Oh that's right, I forgot... The general public ARE the beta testers! :(
I said it before and I'll say it again... If you're using IE it's time to at least consider getting a browser which is both modern and supports standards properly. A browser like Firefox.
