title: Div won't float right
body: <p>I have a div that won't float right. When you toggle the visibility it's laid over some of the current text, but I can move that later.  Just curious why it won't float right!</p>
  
  <pre><code>&lt;!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
  "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"&gt;
  &lt;html xmlns="http://www.w3.org/1999/xhtml"&gt;
  &lt;head&gt;
  &lt;meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /&gt;
  &lt;title&gt;Simple Tabs with CSS &amp;amp; jQuery&lt;/title&gt;
  &lt;style type="text/css"&gt;
  .hidden{
      background-color:#ccc;
      position:absolute;
      clear:both;
      width:300px;
      float:right;
      border:1px black inset;
      height:300px;
      text-decoration:none;
      font-size:14px;
      padding: 1em 1em 1em 1em;
      border:2px black double;
      list-style-type:none;
      display:none;
      top:330px;
  
  }
  .hidden1{
      background-color:#ccc;
      position:absolute;
      float:right;
      width:100px;
      border:1px black inset;
      height:100px;
      text-decoration:none;
      font-size:14px;
      padding: 1em 1em 1em 1em;
      border:2px black double;
      list-style-type:none;
      display:none;
  
  }
  
  body {
  margin:1em;
  padding:0;
  height:100%;
  background-color:#cbcbcb;
  color:#000000;  
  text-align:center;
  font-family:Arial, Helvetica, sans-serif;
  border-style: thin;
  }
  
  h1 {font-size: 3em; margin: 20px 0;}
  #centerColumn {
      margin: 0 auto;
      padding: 1em;
      width: 1000px;
      height:1200px;
      text-align: left;
      vertical-align: bottom;
      background-color: #ffffff;
      border: 1px solid #999999;}
  
  
  
  ul.tabs {
      margin: 0;
      list-style: none;
      height: 32px;
      float:left;
      width:200px;
      padding:0 0 0 0;
  }
  ul.tabs li {
  
      margin: 0;
      padding: 0;
      height: 31px;
      line-height: 31px;
      border: 1px solid #999;
      border-left: none;
      margin-bottom: -1px;
      background: #e0e0e0;
      overflow: hidden;
      position: relative;
  }
  ul.tabs li a {
      text-decoration: none;
      color: #000;
      display: block;
      font-size: 1.2em;
      padding: 0 20px;
      border: 1px solid #fff;
      outline: none;
  }
  ul.tabs li a:hover {
      background: #eee;
      font-size:1.25em;
  }   
  html ul.tabs li.active, html ul.tabs li.active a:hover  {
      background: #fff;
      border-bottom: 1px solid #fff;
  }
  table {
          background-color: black;
          border: 1px black solid;
          border-collapse: collapse;
        }
        th {
          border: 1px outset silver;
          background-color: silver;
          color: white;
        }
        tr {
          background-color: white;
          margin: 10px;
        }
        tr.striped {
          background-color:silver ;
        }
        td {
          padding: 1px 8px;
        }
  
  .tab_container {
      border: 1px solid #999;
      border-top: none;
      clear: both;
      float: right; 
      width: 99%;
      background: #fff;
      -moz-border-radius-bottomright: 5px;
      -khtml-border-radius-bottomright: 5px;
      -webkit-border-bottom-right-radius: 5px;
      -moz-border-radius-bottomleft: 5px;
      -khtml-border-radius-bottomleft: 5px;
      -webkit-border-bottom-left-radius: 5px;
  }
  &lt;/style&gt;
  &lt;script type="text/javascript"
  src="jquery.min.js"&gt;&lt;/script&gt;
  &lt;script type="text/javascript"&gt;
  
  $(document).ready(function() {
       $("table tr:nth-child(even)").addClass("striped");
  
  
      //Default Action
      $(".tab_content").hide(); //Hide all content
      $("ul.tabs li:first").addClass("active").show(); //Activate first tab
      $(".tab_content:first").show(); //Show first tab content
  
      //On Click Event
      $("ul.tabs li").click(function() {
                  $("ul.tabs li").removeClass("active"); //Remove any "active" class
          $(this).addClass("active"); //Add "active" class to selected tab
          $(".tab_content").hide(); //Hide all tab content
          var activeTab = $(this).find("a").attr("href"); //Find the rel attribute value to identify the active tab + content
          $(activeTab).fadeIn(); //Fade in the active content
          return false;
      });
  
  $("#agebutton").hover(function(){
      $(".hidden1").fadeIn(200);
  },
  function(){
      $(".hidden1").fadeOut(200);
  });
  
  
  
  $("#button").hover(function(){
      $(".hidden").fadeIn(200);
  },
  function(){
      $(".hidden").fadeOut(200);
  });
  });
  &lt;/script&gt;
  
  &lt;/head&gt;
  
  &lt;body&gt;
  
  &lt;div id="centerColumn"&gt;
  &lt;div id="header"&gt;&lt;/div&gt;
      &lt;h2 style="float:right; color:silver "&gt;KARRN Spinal Cord Injury Registry&lt;/h2&gt;
      &lt;br/&gt;&lt;br/&gt;&lt;br/&gt;&lt;br/&gt;
      &lt;ul class="tabs"&gt;
        &lt;li&gt;&lt;a href="#tab1"&gt;Personal&lt;/a&gt;&lt;/li&gt;
  
  
  &lt;/ul&gt;&lt;br/&gt;&lt;br/&gt;&lt;br/&gt;&lt;br/&gt;&lt;br/&gt;&lt;br/&gt;&lt;br/&gt;&lt;br/&gt;&lt;br/&gt;
      &lt;br/&gt;&lt;br/&gt;&lt;br/&gt;&lt;br/&gt;&lt;br/&gt;&lt;br/&gt;&lt;br/&gt;&lt;br/&gt;
  
     &lt;div  class="hidden"&gt;&lt;p&gt;Resident County Stats
     &lt;/p&gt;
     &lt;p&gt;Top three counties:&lt;br/&gt;&lt;/p&gt;
     &lt;ul style="list-style:none; padding: 0;"&gt;
     &lt;li style="border-bottom:1px"&gt;Johnson&lt;/li&gt;
     &lt;li&gt;Perry&lt;/li&gt;
     &lt;li&gt;Pike&lt;/li&gt;
     &lt;/ul&gt;
  
     &lt;/div&gt;
  &lt;div class="hidden1"&gt;Average age: &lt;/div&gt;
  &lt;div class="tab_container"&gt;
          &lt;div id="tab1" class="tab_content"&gt;
  
  
  &lt;table style="width: 100%" cellspacing="1"  &gt;
      &lt;tr&gt;
          &lt;td  &gt;Username&lt;/td&gt;
          &lt;td  &gt;Last Name&lt;/td&gt;
          &lt;td  &gt;First Name&lt;/td&gt;
          &lt;td  &gt;MI&lt;/td&gt;
          &lt;td  &gt;Address&lt;/td&gt;
          &lt;td  &gt;Email&lt;/td&gt;
          &lt;td id="agebutton" class="style1"  &gt;&lt;strong&gt;&lt;a href="javascript:;"&gt;Age&lt;/a&gt;&lt;/strong&gt;&lt;/td&gt;
          &lt;td id="button" class="style1"  &gt;&lt;strong&gt;&lt;a href="javascript:;"&gt;Resident County&lt;/a&gt;&lt;/strong&gt;&lt;/td&gt;
      &lt;/tr&gt;
      &lt;tr&gt;
          &lt;td  &gt;ww&lt;/td&gt;
          &lt;td  &gt;Wilson&lt;/td&gt;
          &lt;td  &gt;Woodrow&lt;/td&gt;
          &lt;td  &gt;I&lt;/td&gt;
          &lt;td  &gt;Penn Ave.&lt;/td&gt;
          &lt;td  &gt;&lt;a href="mailto:a@a.com"&gt;a@a.com&lt;/a&gt;&lt;/td&gt;
          &lt;td  &gt;112&lt;/td&gt;
          &lt;td  &gt;&amp;nbsp;&lt;/td&gt;
      &lt;/tr&gt;
      &lt;tr&gt;
          &lt;td  &gt;othername&lt;/td&gt;
          &lt;td  &gt;Last&lt;/td&gt;
          &lt;td  &gt;First Name&lt;/td&gt;
          &lt;td  &gt;&amp;nbsp;&lt;/td&gt;
          &lt;td  &gt;None&lt;/td&gt;
          &lt;td  &gt;&lt;a href="mailto:other@other.com"&gt;other@other.com&lt;/a&gt;&lt;/td&gt;
          &lt;td  &gt;56&lt;/td&gt;
          &lt;td  &gt;Fayette&lt;/td&gt;
      &lt;/tr&gt;
      &lt;tr&gt;
          &lt;td  &gt;Jr&lt;/td&gt;
          &lt;td  &gt;Routen&lt;/td&gt;
          &lt;td  &gt;Johnny&lt;/td&gt;
          &lt;td  &gt;R&lt;/td&gt;
          &lt;td  &gt;1 St.&lt;/td&gt;
          &lt;td  &gt;&amp;nbsp;&lt;/td&gt;
          &lt;td  &gt;23&lt;/td&gt;
          &lt;td  &gt;Hart&lt;/td&gt;
      &lt;/tr&gt;
      &lt;tr&gt;
          &lt;td  &gt;Jackson&lt;/td&gt;
          &lt;td  &gt;Jackson&lt;/td&gt;
          &lt;td  &gt;Smith&lt;/td&gt;
          &lt;td  &gt;I&lt;/td&gt;
          &lt;td  &gt;123 Address St.&lt;/td&gt;
          &lt;td  &gt;&lt;a href="mailto:jackson@ebay.com"&gt;jackson@ebay.com&lt;/a&gt;&lt;/td&gt;
          &lt;td  &gt;34&lt;/td&gt;
          &lt;td  &gt;Pike&lt;/td&gt;
      &lt;/tr&gt;
      &lt;tr&gt;
          &lt;td  &gt;roquefort&lt;/td&gt;
          &lt;td  &gt;Head&lt;/td&gt;
          &lt;td  &gt;Cheese&lt;/td&gt;
          &lt;td  &gt;M&lt;/td&gt;
          &lt;td  &gt;green bay&lt;/td&gt;
          &lt;td  &gt;&lt;a href="mailto:cheese@cheese.com"&gt;cheese@cheese.com&lt;/a&gt;&lt;/td&gt;
          &lt;td  &gt;19&lt;/td&gt;
          &lt;td  &gt;Menifee&lt;/td&gt;
      &lt;/tr&gt;
      &lt;tr&gt;
          &lt;td  &gt;Greenstein&lt;/td&gt;
          &lt;td  &gt;Green&lt;/td&gt;
          &lt;td  &gt;Up&lt;/td&gt;
          &lt;td  &gt;C&lt;/td&gt;
          &lt;td  &gt;1 Holler Road&lt;/td&gt;
          &lt;td  &gt;&amp;nbsp;&lt;/td&gt;
          &lt;td  &gt;55&lt;/td&gt;
          &lt;td  &gt;Greenup&lt;/td&gt;
      &lt;/tr&gt;
      &lt;tr&gt;
          &lt;td  &gt;Mwb&lt;/td&gt;
          &lt;td  &gt;Merriwether&lt;/td&gt;
          &lt;td  &gt;Brandon&lt;/td&gt;
          &lt;td  &gt;R&lt;/td&gt;
          &lt;td  &gt;Drive&lt;/td&gt;
          &lt;td  &gt;&amp;nbsp;&lt;/td&gt;
          &lt;td  &gt;29&lt;/td&gt;
          &lt;td  &gt;Rockcastle&lt;/td&gt;
      &lt;/tr&gt;
  &lt;/table&gt;
  
  
  &lt;br/&gt;
  &lt;/div&gt;
  
   &lt;/div&gt;
  
  
  
  &lt;/div&gt;
  
  &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>