container height not adjusting!

[spikypunker]

Hey guys Am trying something simple which isnt working how id expect it. I've got a container box with another box inside it, the containers height is not set so i assumed it would expand with the more boxes were inside it???

 

Here's the code:

 

.deals_of_week {background-image:url(offers_region.gif);color:#000000;float:left;height:20px;padding:0px 0 0 5px;width:415px;background-repeat:no-repeat;margin-right:200px;}

.deals_of_week_container {background-image:url(gocruise_offer_bg.gif);color:#FFFFFF;float:left;width:405px; border:0.5px solid;border-color:#dddddd;}

.cruiseoffer2 {width:415px;height:190px;padding:10px;}

.cruiseoffer2_col1 {width:205px;height:166px;float:left;}

.cruiseoffer2_col1_logo {height:27px;width:90px;margin-top:10px;margin-left:50px;}

.cruiseoffer2_col2 {width:167px;height:166px;float:left;display:inline;margin-left:10px;}

.cruiseoffer2_depart {width:146px;height:16px;background-color:#ffED00;padding:6px;}

.cruiseoffer2_depart a {color:#001883;font-family:'Lucida Grande',Arial,Helvetica,sans-serif;font-size:11px;font-weight:bold;text-decoration:none;}

.cruiseoffer2_text a {color:#001883;font-family:'Lucida Grande',Arial,Helvetica,sans-serif;font-size:11px;text-decoration:none;}

.cruiseoffer2_click a {color:#FF0000;font-family:'Lucida Grande',Arial,Helvetica,sans-serif;font-size:11px;font-weight:bold;text-decoration:none;}

.cruisedetail2 {margin-bottom:5px;border-bottom:1px solid #FFD600;}

[spikypunker]

<div class="deals_of_week">
<h3>Deals of the week!</h3></div>
<div class="deals_of_week_container">
<div class="offers_region2"><a 
href="/fusion/gotocruise.pl?cid=%CTCID%&sid=6924">Grand Caribbean 
Adventurer</a></div>
<div class="cruiseoffer2">
<div class="cruiseoffer2_col1">
<div class="offers_image2_box">
<div class="offers_image2"><img src="test.jpg"></div></div>
<div class="cruiseoffer2_col1_logo"><img src="princess.gif"></div></div>
<div class="cruiseoffer2_col2">
<div class="cruiseoffer2_depart"><a href="">Departs: 6th Feb 2010</a></div><br>
<div class="cruiseoffer2_text"><a href=""><b>Ship:</b> Sea Princess</a><br><a 
href="" <a><b>Nights:</b> 15</a><br><a href=""><b>Price:</b> From 
£1580</a></div><br>
<div class="cruiseoffer2_click"><a href="">Read about this cruise...</a><br><a 
href="">Enquire</a></div></div></div></div>
<div>
<div class="offers_region2"><a 
href="/fusion/gotocruise.pl?cid=%CTCID%&sid=6924">Grand Caribbean 
Adventurer</a></div>
<div class="cruiseoffer2">
<div class="cruiseoffer2_col1">
<div class="offers_image2_box">
<div class="offers_image2"><img src="test.jpg"></div></div>
<div class="cruiseoffer2_col1_logo"><img src="princess.gif"></div></div>
<div class="cruiseoffer2_col2">
<div class="cruiseoffer2_depart"><a href="">Departs: 6th Feb 2010</a></div><br>
<div class="cruiseoffer2_text"><a href=""><b>Ship:</b> Sea Princess</a><br><a 
href="" <a><b>Nights:</b> 15</a><br><a href=""><b>Price:</b> From 
£1580</a></div><br>
<div class="cruiseoffer2_click"><a href="">Read about this cruise...</a><br><a 
href="">Enquire</a></div></div></div></div>
<div></div>

[haku]

They will only expand if they don't have a height set to them. Check to see if you have set a height anywhere.

 

On a side note, you can't need that many divs.