title: Can't get a div to float right properly, its getting pushed down
body: <p>Been scratching the old noggin for a while on this one. I've tried many things but I cant get the sign-in div to sit properly aligned to the top. It's getting pushed underneath the main article div for some reason. I feel like I have too many nested divs. Please help a noobie out.</p>
  
  <p>My site is <a href="http://www.project-paleo.co.uk" rel="nofollow"><strong>www.project-paleo.co.uk</strong></a></p>
  
  <p>Here is the code for the main indec wrapper :</p>
  
  <p><div class="snippet" data-lang="js" data-hide="false">
  <div class="snippet-code">
  <pre class="snippet-code-css lang-css prettyprint-override"><code>div.indexcontent {
  vertical-align: top;
  width: 970px;
  
  }
  
  div.newsext {
  text-align: left;
  clear: none;
  width: 680px;
  float: left;
  border-width: 7px 7px 7px 7px;
    border-image: url("images/boxborder3.png") 7 7 7 7 round;
  }
  
  div.indexforumext {
  text-align: left;
  width: 680px;
  float: left;
  border-width: 7px 7px 7px 7px;
    border-image: url("images/boxborder3.png") 7 7 7 7 round;
  }
  
  
  div.newshead{
  background-image:  url("images/divhead.png");
  background-color: #0e141f;
  background-repeat: no-repeat;
  padding-left: 5px;
  display: inline;
  }
  
  div.newscontent {
  background-image:  url("images/cbox.png");
  background-color: #0e141f;
  background-repeat: no-repeat;
  padding: 10px;
  }
  
  div.rightbox {
  width: 250px;
  float: left;
  border-width: 7px 7px 7px 7px;
  border-image: url("images/boxborder3.png") 7 7 7 7 round;
  
  }</code></pre>
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;div class="indexcontent"&gt;
  
    &lt;div class ="newsext"&gt;
    &lt;div class ="newsint"&gt;
  
     &lt;article class ="post"&gt;
  
      &lt;div class ="newshead"&gt;
  
      &lt;div&gt;
      &lt;img id="Project Paleo" src="&lt;?php echo get_bloginfo('template_directory');?&gt;/images/note.png" alt="" height="35" width="30"/&gt;
      &lt;/div&gt;
  
      &lt;div class="newstitle"&gt;
      &lt;h2&gt;&lt;a href="&lt;?php the_permalink(); ?&gt;"&gt; &lt;?php the_title() ;?&gt;&lt;/a&gt;&lt;/h2&gt;
      &lt;/div&gt;
  
      &lt;/div&gt;
  
      &lt;div class ="newscontent"&gt;
      &lt;?php the_content(); ?&gt;
      &lt;/div&gt;
  
     &lt;/article&gt;
  
    &lt;/div&gt; &lt;!-- Newsint --&gt;
    &lt;/div&gt; &lt;!-- Newsext --&gt;
  
    &lt;div class ="indexforumext"&gt;
     &lt;div class ="indexforumint"&gt;
  
      &lt;?php echo do_shortcode("[bbp-forum-index]"); ?&gt;
  
     &lt;/div&gt; &lt;!-- indexforumint --&gt;
   
    &lt;/div&gt; &lt;!-- indexforumext --&gt;
  
  
    &lt;div class ="rightbox"&gt;
  
     &lt;div class ="rbhead"&gt;
     
      &lt;h2&gt; Server Map &lt;/h2&gt;
  
     &lt;/div&gt;
  
     &lt;div class ="login"&gt;
  
      &lt;?php echo do_shortcode("[login_widget]"); ?&gt;
  
     &lt;/div&gt;
  
    &lt;/div&gt;
  
  
  &lt;/div&gt; &lt;!-- IndexContent --&gt;</code></pre>
  </div>
  </div>
  </p>