http://www.winyahrivers.org/

The h2.sidebar border is much taller than expected. The h2.sidebar is on the right-hand side of the page and says, "Support WRF on the Web." The yellow line to the left of it is supposed to only be as tall as the h2, not reach up to the facebook/myspace icons.

I'm also confused that the div#rightcol doesn't encompass the "goodsearch" and "mvp" icons, on the right-hand side at the bottom.

Thanks for any suggestions.

It seems to have something to do with the floating images. Floating the images takes them out of the flow of the div#rightcol content, so the h2.sidebar starts at the top of the div#rightcol. When the text content doesn't fit, it stretches the h2.sidebar below the floated content.

Anyway, adding "clear: all" to the rule for h2.sidebar fixes it.

Thank you, Darin! I had forgotten what you said about floating images. I unfloated those 2 images and the h2 sidebar border was fixed.

I appreciate your help.

C.