Used all the help I've been given and nothing has worked

Can someone please help me get all my things positioned correctly? I've been working on this today for the past 5 hours and nothing has changed. It would be greatly appreciated

www.stylishknockouts.com

Add float:left; to #content and #nav (be sure to add a ; before you add float:left; in #content). Add clear:both; to #footer. Your main issue is you closed your #container div too early. Change this
<div id="container">

<div id="header">
</div>
</div>


<!--End Of Header-->


<ul id="nav">
<li><a href="index.htm.htm">Home</a></li>
<li><a href="SKODesignsAbout.htm">About Us</a></li>
<li><a href="SKODesignsContact.htm">Contact</a></li>
<li><a href="SKODesignsAdvertise.htm">Advertise</a></li>
<li><a href="SKODesignsBasic.htm">Basic</a></li>
<li><a href="SKODesignsPremium.htm">Premium</a></li>
<li><a href="SKODesignsRedesign.htm">SKO REDESIGN!</a></li>

</ul>


<div id="content">


<!--end content--></div>





<div id="footer"> </div>

to this
<div id="container">

<div id="header">
</div>


<!--End Of Header-->


<ul id="nav">
<li><a href="index.htm.htm">Home</a></li>
<li><a href="SKODesignsAbout.htm">About Us</a></li>
<li><a href="SKODesignsContact.htm">Contact</a></li>
<li><a href="SKODesignsAdvertise.htm">Advertise</a></li>
<li><a href="SKODesignsBasic.htm">Basic</a></li>
<li><a href="SKODesignsPremium.htm">Premium</a></li>
<li><a href="SKODesignsRedesign.htm">SKO REDESIGN!</a></li>

</ul>


<div id="content">


<!--end content--></div>





<div id="footer"> </div>
</div>

Worked like a charm buddy. Now how can I get the links to go in thier respective boxes?

They look fine to me. How should they look? To me they go down the page and each link appears to be in a "box" of is own.