Div width not being honored

HTML & CSS
1

For some reason, the div widths are not being honored in these floated boxes

The markup

<div id="content-wrap">
<div class="content-left">
<!--First column text-->
</div>
<div class="content-right">
<!-- Second column text -->
</div>
</div>

The CSS

/*Added by Paul C. for two column home page 7/1/2012*/

#content-wrap {
overflow:hidden; /* just for clearing floats rather than creating another element for clearing floats. It's a common mistake for front-end developers /designers to create an element for just clearing float (your code would look sloppy and non-semantic) */
}

#content-wrap .content-left {
/*width: 560px;*/
width: 275;
float:left;
}

#content-wrap .content-right {
/*width:400px;*/
width: 275;
float:right;
}

The page: http://berkshirespas.com/wordpress/

2

you need to put a measurement type…





#content-wrap .content-left {
/*width: 560px;*/
width: 275[B]px[/B];
float:left;
}

#content-wrap .content-right {
/*width:400px;*/
width: 275[B]px[/B];
float:right;
}

:slight_smile:

3

Dooooh! Thanks.