Thanks for the links and info. I was sent a private email asking for the page itself. Here it is, condensed - let me know if you need more.
I'm STUMPED by two problems: 1) Why is the logo on the right being pushed down to the next line? 2) Why is a thin white line appearing between #top and #blue? <div id="top"> <img id="man" src="" alt="" /> <a href="#" class="logo"><img src="" alt="" class="logo"></a> <br style="clear: both;" /> </div> <div id="blue"><img src="" alt="" /></div> CSS: body { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; } #top { background-image: url(); } #top .logo, #top a.logo, #top a.logo img.logo { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; border: none; } #top img.man { display: block; width: 25%; float: left; } #top a.logo { display: block; width: 25%; float: right; } #blue { background-image: url();} #top, #blue { background-repeat: repeat-x; } Any help is appreciated... I'm just trying to climb that CSS mountain, one step at a time... ______________________________________________________________________ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/