Need some CSS help with my Navigation please - Thanks

This is where I am working on right now:

http://www.pokereagles.com/test/

Code (markup):

The Right Navigation links don't appear at the top of the "Wrapper". And I can't figure out why...

Here is my Navigation code:

  </div>
  <div id="navigation">
    <ul class="navigation">
      <li><a href="http://www.pokereagles.com/">Hosting Poker Game</a></li>
      <li><a href="http://www.pokereagles.com/poker-rules/">Poker Rules</a></li>
      <li><a href="http://www.pokereagles.com/poker-strategy/">Poker Strategy</a></li>
      <li><a href="http://www.pokereagles.com/poker-movies/">Poker Movies</a></li>
      <li><a href="http://www.pokereagles.com/poker-superstars/">Poker Celebrities</a></li>
      <li><a href="http://www.pokereagles.com/entertainment/">Poker Entertainment</a></li>
      <li><a href="http://www.pokereagles.com/review/">Poker Reviews</a></li>
      <p>&nbsp;</p>
	  Advertisement<br/>
      Advertisement<br/>
      Advertisement<br/>
    </ul>
  </div>
</div>

Code (markup):

Here is my Navigation Style:

#navigation {
	float: right;
	top: 0;
	right: 10px;
	background: #F6FF61;
	padding-bottom: 50px;
	width: 185px;
}

Code (markup):

 

a few things...


<div id="wrapper">
<div id="content">

float nav div here before content not after.

but.. the 100% wide table might screw you up....
<table width="100%" cellspacing="7">

also Style nav simalar to this...
<div style="float:right;padding:5px">
</div>

 

Why are you using the same value for your ID and class? Your HTML is also invalid (lists can only contain list items, which in turn can contain just about anything).

Please fix your HTML errors first.

 

i did that, but no change... except now navigation appears above the content...