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/

Reply via email to