What am i doing wrong here?

Hi guys,

After having some success changing online-stopwatch.com from tables to css, i'm trying to change some of my other sites...

Unfortunatly, that is very simple, and i've got stuck on the very first part of this new site.

I made the code below, but when text is put into the right side div, the box on the left doesnt resize, it just stays small. I really want everything to get longer as the other one does? I changed the hight to "auto" but it didnt work?

Any help would be great.

(this should work by just pasting it into dreamweaver)

Cheers

<style type="text/css">
<!--
#wrap {
	background-color: #FFFF00;
	text-align: left;
	width: 800px;
	float: none;
	margin-right: auto;
	margin-left: auto;
	height: auto;
}
#rightHolder {
	background-color: #0033FF;
	width: 605px;
	float: left;
}
#minBar {
	background-color: #333333;
	width: 5px;
	float: left;
}
#leftMenu {
	background-color: #33FF00;
	width: 190px;
	float: left;
}
-->
</style>


<div id="wrap">
	<div id="leftMenu">
	</div>
	<div id="minBar"></div>
	<div id="rightHolder"></div>
</div>

Code (markup):

 

Please give the position:absolute or relative in css and try....

It should work it out...

 

ah, thankyou, that almost works...

The "wrap" div now moves down with the hight of any box, but the other boxes still dont move

Any ideas?

Cheers.