Getting the nav bar to the right... help?

I'm trying to learn wordpress's requirements for coding, and im still a little iffy on the css. What am I doing wrong? My navigation bar appears right under my post section. I want it to the right, like the usual ones.

CSS:

/*  
Theme Name: Tutorial
Theme URI: http://www.wpdesigner.com
Description: This is my theme for a tutorial.
Version: 1.0
Author: Small Potato
Author URI: http://www.wpdesigner.com/

*/

body,h1,h2,h3,h4,h5,h6, blockuote,p{
	margin: 0;
	padding: 0;
	}

.post h2{
	font-family: Georgia, Sans-serif;
	font-size: 18px;
	}

.entry{
	line-height: 18px;
	}

p.postmetadata{
	border-top 1px solid #ccc;
	margin: 10px 0 0 0;
	}

.navigatoin{
	padding: 10px 0 0 0;
	font-size:14px;
	font-weight: bold;
	line-height: 18px;
	}


body{
	margin: 0;
	font-family: Arial, Gelvetica, Georgia, Sans-serif;
	font-size: 12px;
	text-align: left;
	vertical-align: top;
	bacground: #ffffff;
	color: #000000
	}

h1{
	font-family: Georgia, Sans-serif;
	font-size: 24px;
	padding: 0 0 10px 0;
	}

a:link, a:visited{
	text-decoration: underline;
	color: #336699;
	}

a:hover{
	text-decoration: none;
	}

p{
	padding: 10px 0 0 0;
	}

#wrapper{
	margin: 0 auto 0 auto;
	width: 750px;
	text-align: left;
	}

#header{
	float: left;
	width: 750px;
	}

#container{
	float: left;
	width: 500px;
	}

.sidebar{
	float: left;
	width: 240px;
	background: #eeeeee;
	margin: 0 0 0 10px;
	
	}

.sidebar ul{
	list-style-type: none;
	margin: 0
	padding: 0 10px 0 10px;
	}

.sidebar ul li{
	padding: 10px 0 10px 0;
	}

.sidebar ul li h2{
	font-family: Georgia, Sans-serif;
	font-size 14px;
	}

.sidebar ul ul li{
	padding: 0;
	line-height: 24px;
	}

table#wp-calendar{
	width: 100%;
	}

#footer{
	clear: both;
	float: left;
	width: 750px;
	padding: 10px;
	}

.comments-template{
	margin: 10px 0 0;
	border-top: 1px solid #ccc;
	padding: 10px 0 0;
	}

.comments-template ol{
	margin: 0;
	padding: 0 0 15px;
	list-style: none;
	}

.comments-template ol li{
	margin: 10px 0 0;
	line-height: 18px;
	padding: 0 0 10px;
	border-bottom: 1px solid #ccc;
	}

.comments-template h2, .comments-template h3{
	font-family: Georgia, Sans-serif;
	font-size: 16px;
	}

.commentmetadata{
	font-size: 12px;
	}

.comments-template p.nocomments{
	padding: 0;
	}

.comments-template textarea{
	font-family: Arial, Helvetica, Georgia, Sans-serif;
	font-size: 12px;
	}


#footer p{
	line-height: 18px;
	}
	

Code (markup):

 

http://www.wpdesigner.com/2007/02/19/so-you-want-to-create-wordpress-themes-huh/

Check this tutorial .. I think you will have no questions after reading it

 

Guess that tutorial I just came from? That one. I know all about how wordpress wants things expressed and how to code it, but the CSS is confusing me.

 

Widths and Floats : http://www.wpdesigner.com/2007/03/12/wp-theme-lesson-11-widths-and-floats/

Step-by-Step tutorial .. If you don't understand it - I can't explain it in any other ways

 

I understand it 100%, I read it nearly 5 times. I just confirmed for the second time by using the css reference he provided at the bottom of the post that his is exactly like mine.

Still, mine does not work. Anyone have a clue?

EDIT:

It passed CSS validation too.

 

Maybe there is something wrong with your browser or PHP installed on your machine ( if your testing it on your own PC )

 

Haha I spelled an ID wrong in my index file, stupid mistake. Thanks for your help!