I can't for the life of me get this to work. I have 2 div's, one above the other in the header file. One is 140px wide, the other is ~70%. Now, the 70% one is being displayed on the bottom, after div 1 ends. I want them to be side by side. div 1 takes up 140px, then beside it div 2 takes up, and is centered aligned, in the remaining space.

Code:
<div id="menu">
	Menu
</div>

<div id="welcome">
	Welcome
</div>
Code:
#menu				{
		height: 100%;
		width: 140px;
		background-color: #555555;
		text-align: left;
                position: relative;
	}
#welcome			{
		height: 150px;
		width: 500px;
		border: 1px solid #000000;
		text-align: center;
                position: relative;
	}