Categories
Computing Web Development

IE border rendering bug

Set borders on a div. Scroll down so it is outside the viewport. Now scroll back up. The border may not be there…

Share

Another Internet Explorer bug for the books:
Create a <div> element and give it a border, something like:

div.product_intro
{
border-width: 0.1em 0.1em 0em 0em;
border-style: solid;
border-color: #ccc;
padding-top: 0.7em;
padding-right: 0.7em;
padding-bottom: 1em;
}

You would expect it to look something like this.

Now scroll down the page so that the div is obscured and outside your viewport (the broswer no longer shows it).

Scroll back up.

This is what I got. Where did they border go?

The fix (so far): Set the width for the div explicitly. That also cures another outrageous bug where IE pushes divs around the aforementioned div with irrational spacing.

Share
Share