Can anyone tell me why "Main" Div will not float left next to "Menu" div?
I can't seem to get it to go up.
Thank you!
Phil
<html>
<head>
<style type="text/css">
div#container {
font-family: "Lucida Grande", Verdana, Arial, sans-serif;
font-size: 20px;
width: 1000px;
height: auto;
}
div#title {
background-color: #ff638d;
text-align: center;
font-size: 300px;
}
div#menu {
background-color: #0586b8;
text-align: right;
font-size: 50px;
width: 300px;
}
div#main {
float: left;
width: 500px;
background-color:gray;
}
</style>
</head>
<div id="container">
<div id="title">
Title
</div>
<div id="menu">
<li>Menu 1</li>
<li>Menu 2</li>
<li>Menu 3</li>
<li>Menu 4</li>
<li>Menu 5</li>
<li>Menu 6</li>
<li>Menu 8</li>
<li>Menu 9</li>
<li>Menu 10</li>
<li>Menu 11</li>
<li>Menu 12</li>
</div>
<div id="main">
<p>Main</p>
</div>
</div>
</html>