I'm having trouble getting div#left and div#right to float correctly. I want them beside each other but right now they are wrapping under each other and I can't figure where I'm going wrong with this float...help?!
Here's what I have-- .header-bottom { width:755px; background-color: #FFF; background-image: url(../img/page-bg.gif); padding-top: 1px; color: #fff; } .header-bottom div { height: 177px; width: 751px; margin: 0 auto; background-color: #000c53; } .header-bottom div #left { width: 190px; float: left; } .header-bottom div #right { width: 560px; float: right; } < div class="header-bottom"> < div id="left">left</div> < div id="right"> < img src="images/urologic-experts-header.jpg" width="560" height="177" alt="Roanoke Urology" /></div> < /div> You can view here-- http://urologicsurgeryonline.com/ Thanks! Marty Martin ______________________________________________________________________ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- 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/