Please have a look at my HTML
Just a few quick things I see to help improve your code:


I would start using the HTML5 Doctype, unless you have a specific reason not to. &lt;!doctype html&gt;
Instead of having an &lt;hr&gt; tag why not just put a border-bottom:2px solid #06f; on your #header div.  And then add like a padding-bottom:5px;
Instead of having

 &lt;div class="menu"&gt;
    &lt;ul&gt;
      &lt;li&gt;&lt;a href=""&gt;Link&lt;/a&gt;&lt;/li&gt;
      &lt;li&gt;&lt;a href=""&gt;Another Link&lt;/a&gt;&lt;/li&gt;
    &lt;/ul&gt;
 &lt;/div&gt;


Why not just do this:

&lt;ul class="menu"&gt;
   &lt;li&gt;&lt;a href=""&gt;Link&lt;/a&gt;&lt;/li&gt;
   &lt;li&gt;&lt;a href=""&gt;Another Link&lt;/a&gt;&lt;/li&gt;
&lt;/ul&gt;


And just change your CSS accordingly:

 .menu { text-decoration:none; margin:0; padding:0; }
 .menu li { display:inline; }