title: element stuck on upper right corner even with top:1000px
body: <p>For some reason I can get my div items off the upper right corner. I've tired everything I can think of but for some reason I cannot get the blog div to move off the top right corner</p>
  
  <p>The CSS</p>
  
  <pre><code>#nav {
  position: fixed; 
  min-width:690px;
  white-space:nowrap;
  text-align:left;
  margin:0;
  padding:40px 0 34px 333px;
  z-index:999;
  }
  
  #nav a {    
  font-family: Micra, serif;
  color: #FFF;
  font-style:normal;
  font-weight:400;
  text-decoration:none;
  font-size:100%;
  margin:0 25px 0 0;
  }
  
  #nav1 {
  position: fixed; 
  top:70px; 
  min-width:690px;
  white-space:nowrap;
  text-align:left;
  margin:0;
  padding:0px 0 64px 472px;
  z-index: 9999;
  }
  
  #nav1 a {
  font-family: Micra, serif;
  color:#FFFFFF;
  font-style:normal;
  font-weight:400;
  text-decoration:none;
  font-size:80%;
  margin:0 55px 0 0;
  }
  
  #blog  {
  float:right;
  list-style:none;
  top:1000px;
  }
  </code></pre>
  
  <p>The HTML</p>
  
  <pre><code>&lt;div id="nav"&gt;
    &lt;a href="#Bot"&gt;DUCATI TRACKER&lt;/a&gt;
    &lt;a href="#Bot"&gt;EARLE MOTORS&lt;/a&gt;       
    &lt;a href="#Bot"&gt;PUBLICATIONS&lt;/a&gt;
    &lt;/div&gt;
  
  &lt;div id="nav1"&gt;
    &lt;a href="#Bot"&gt;SERVICES&lt;/a&gt;   
    &lt;a href="#Bot"&gt;SPECS&lt;/a&gt;
    &lt;a href="#Bot"&gt;PRESS&lt;/a&gt;      
  &lt;/div&gt;
   &lt;div id="blog"&gt;
      &lt;a href="#"&gt;dsds&lt;/a&gt;
      &lt;a href="#"&gt;aaaa&lt;/a&gt;
      &lt;a href="#"&gt;dddd&lt;/a&gt;  
  &lt;/div&gt;
  </code></pre>
  
  <p>The blog div is the one stuck in the upper right corner</p>