> http://www.cbetta.com/test/ie_border_bug.html
>
> To reproduce:
>
> 1) Load the page
> 2) Scroll down
> 3) Scroll back up
>
> Expected Results:
> 1px black solid border
>
> Returned Results:
> 1 px black pixelated border (frequently, but not every single time either)
>
Yup, that looks like yet another IE redraw bug; I think that it's being
triggered by the fact that your markup is quite complex for what you are
trying to achieve. In the words of the old joke, "If you want to get
there, you don't want to start from here" :-)
I've taken the liberty of reworking your markup and CSS to achieve
(more-or-less) the same appearance, and my code (still housed within the
"mid-section" div, as I assume that's part of the larger page) doesn't
show the problem. It looks like:
HTML
<div class="myBit">
<ul>
<li><a href="#">Eastland Mall for sale if bid
...</a><span>08/16/2005</span></li>
<li><a href="#">Barnes & Noble Signs Lease
for...</a><span>07/29/2005</span></li>
<li><a href="#">Galleria plan calls for
hotel,...</a><span>07/28/2005</span></li>
<li><a href="#">Wesley Chapel, N.C., shopping
...</a><span>07/14/2005</span></li>
<li><a href="#">Weingarten Realty Investors
An...</a><span>007/08/2005</span></li>
<li><a href="#">South St. set for 2nd
wind...</a><span>007/07/2005</span></li>
</ul>
</div>
CSS:
.myBit {
clear: both;
border: 1px solid #000;
border-top-width: 0;
width: 33%;
float: left;
padding: 0.25em;
}
.myBit ul {
list-style: none;
margin: 0;
padding: 0;
}
.myBit li {
font-size: smaller;
margin: 0 1em;
line-height: 1.7;
clear: both;
}
.myBit li a {
float: left;
}
.myBit li span {
float: right;
}
and works just fine in IE and Firefox 1.5 (don't have time to test
elsewhere, sorry), although the spacing needs tweaking to completely match
up with your original. (Try the margin property in the ".myBit li" rule.)
The advantages of my method are that, by making the items into a list, the
markup is more semantically correct and accessibility is (in theory)
improved. In addition, the markup and CSS are quite a bit smaller, giving
you more of the benefits of bandwidth savings you mention in your article:
> I got flamed pretty good for chastising CSS as more of a "suggestion"
> rather than a "standard," (see
> http://www.cbetta.com/blog/index.cfm/2005/12/29/css-standard-more-of-a-suggestion
> if interested) so I'm making an earnest effort to "see the light" with
> CSS.
>
I hope this helps you on your way into the broad, sunny uplands where we
bask at our leisure - oh hang on, it's nearly 8pm and I'm still at work
;-)
But seriously, do persevere; I must have spent a couple of years really
getting my head round CSS, but finally I can (most days) get it to do what
I want.
Best of luck,
Nick.
--
Nick Fitzsimons
http://www.nickfitz.co.uk/
______________________________________________________________________
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
