title: CSS sidebar not working?
body: <p>I've tried to create a right sidebar within my div, but it's not working.  It keeps sitting outside of my main wrapper.  Any suggestions?</p>
  
  <p>HTML:</p>
  
  <pre><code>&lt;div id="wrapper"&gt;
  &lt;h1&gt;Hogan Flying Service&lt;/h1&gt;
  &lt;img src="Images/CincinnatiSectional.png" width="800" height="97" alt="CincySectional" /&gt;
  
  &lt;div class="bodytext"&gt;
  &lt;h2&gt;About Hogan Flying Service:&lt;/h2&gt;
  &lt;p&gt;While Hogan Flying Service setup operations at HAO in 2009, it was founded in 1991 by Tom Hogan, after a long history and tradition of aviation in the Hogan family.  Uncle Joe and Bernie started flying in 1929, and bought their first Waco 10 in 1932.  In that same year, my grandparents William and Emma Hogan purchased the Hamilton Airport and farming careers turned into aviation careers.&lt;/p&gt;
  &lt;p&gt;A few years later, my father Art and Uncle Bill learned to fly and soon became flight instructors supporting the CPT programs during WWII.  My Aunts Lauretta, Katie and Mary also were involved in the many aspects of running an airport.  Through the years, the Hogan family was involved in many flying aviation activities including flight instruction, barnstorming, an on-field restaurant, air taxi, air charter, maintenance shop, aircraft restoration, pilot services and laying the foundation of the Butler County Regional Airport as you see it today.&lt;/p&gt; 
  </code></pre>
  
  <p></p>
  
  <pre><code>&lt;div class="sideright"&gt;
  &lt;ul&gt;
  &lt;li&gt;Private Pilot&lt;/li&gt;
  &lt;li&gt; Private Pilot&lt;/li&gt;
  &lt;li&gt;Commercial Pilot&lt;/li&gt;
  &lt;li&gt;Instrument Rating&lt;/li&gt;
  &lt;li&gt;Light Sport Pilot  LSA&lt;/li&gt;
  &lt;li&gt;Tailwheel endorsements&lt;/li&gt;
  &lt;li&gt;Currency requirements&lt;/li&gt;
  &lt;li&gt;Biennial Flight Reviews&lt;/li&gt;
  &lt;li&gt;Ground School Instruction&lt;/li&gt;
  &lt;li&gt;Aircraft rental&lt;/li&gt;
  &lt;/ul&gt;
  &lt;/div&gt;&lt;!--sidebar end--&gt;
  </code></pre>
  
  <p>CSS:</p>
  
  <pre><code>#wrapper {
      width: 800px;
      margin: 60px auto;
      background-color: #182228;
      border: medium groove #000;
      z-index: 1000;
      position: relative;
      box-shadow: 3px 3px 5px 0px #000;
  }
  
  .bodytext {
       margin: 10px 320px 10px 10px;
       padding: 20px; 
  }
  
  .sideright {
      float: right;
      width:260px;
      padding:10px;
      margin-top:10px;
      margin-bottom: 10px;
      margin-left:10px;
      float:right
  }
  </code></pre>
  
  <p>Here's my fiddle: <a href="https://jsfiddle.net/5w8xprqg/2/" rel="nofollow">https://jsfiddle.net/5w8xprqg/2/</a></p>