Help with HTML/CSS

[Max Power]

This is my site so far.

http://www.freewebs.com/foostaple/index.html

Now I need the "menuimage" underneath the "menu" and the "frame" to the right of the menu/menuimage. You can imagine how its suppose to look.

thanks

[b]CSS[/b]
html, body {
	background-color: #0b2137;
	margin:0;
	padding:0;
	border:0;
	color:#FFF;
}
#container {
        width: 580px;
	margin:auto;
        padding-top: 5px;
}
#menu {
           border: 1px solid #55595d; 
           border-top: 0px;
	   width: 125px;                   
           background: #55595d;
           border-bottom: 0px;
           border-right: 0px;
           float:left;
}

#menu ul {
	   padding: 0;
	   margin: 0;
	   list-style-type: none;              
}

#menu ul li {
	  	float:left;
                padding-bottom: 1px;
}

#menu li a {
		background: #092846;
		font-family: Verdana, Helvetica, sans-serif;
		font-size: 11px;
		width:122px; /*122px + 3px left padding = 125px*/
		text-decoration:none;
		color:#fff;
		padding:2px 0 2px 3px;
		display: block;
}

#menu li a:hover {
		background: #0b3359;
		color:#FFF;
		font-weight: bold;
}

#menu li.header {
		background: #19446e;
		font-family: Verdana, Helvetica, sans-serif;
		font-size: 11px;
                color: #fff;
		width:122px;
		padding:2px 0px 2px 3px;
		text-align: center;
                border-bottom: 1px;
}

#frame {
	height: 602px;
	width:453px;
	padding:7px;
	background: #092846;
	border: 1px solid #55595d;
        float:right;

}
#frame iframe {
        width: 449px;
        height: 590px;
	border: 1px solid #55595d;     
}

#header {
	border: 1px solid #55595d;
        width: 593px;
        height:129px ;
}

 

[office politics]

create a table to put them side by side. one row, two columns. col1 = div/menu, col2 = iframe

 

[Max Power]

Thats what I did before but i was told to stay away from tables. because ther not ment to construct layouts

 

[darkninja]

I still use tables to construct layouts, this website uses tables too I think, its much easier I reckon