CSS Question

hi,

i've got page css controlled div's. 1 of them ('content') not
surprisingly contains page elements. reason though, when
viewed in firefox content div not wrap round it's contents (the bg
of page has light purple color , content div white). there
just thin strip of white @ top begins. looks fine in ie.

here's code content div:

#content {width:760px;
margin:0px auto;
background-image:url(images/logostrip.jpg);
background-position:top;
background-repeat:no-repeat;
background-color:#ffffff;
padding-bottom:10px }

i have tried defining height, works in firefox, in ie
there 100px space @ bottom of content div. reason
1000px in firefox shorter 1000px in ie???

is there missing?

thanks,
james

how positioning inside contentdiv? elements floated?
ie surround floated elements, firefox not unless put non-floated element after floated ones, , clear it.

<div class="clearthefloats"> <!-- --></div> (i put comment in hold div)

div.clearthefloats {clear:both:} (look "stylin' css" charles wyke-smith more)

but if putting absolutely positioned elements div, need make content div position:relative. make elements position in context of content div instead of body.

More discussions in Dreamweaver support forum

adobe