title: Why won't my divs float side by side?
body: <p>I have two divs nested inside another and no matter what I have tried I can't get the second nested div (bookmarklet-wrapper) to float beside the first(form-wrapper)? I thought maybe it was something to do with the widths but this didn't help and also tried using a "clearfix" but this still didn't help.</p>
  
  <p>My HTML is as follows:</p>
  
  <pre><code>&lt;div id="prof-wrapper"&gt;    
  
      &lt;div id="editprofile-form-wrapper"&gt;
  
      &lt;div id="title"&gt;
          &lt;h1&gt;Edit Profile&lt;/h1&gt;
          &lt;p&gt;This information appears on your personal user page&lt;/p&gt;
  
      &lt;/div&gt;&lt;!--End of title--&gt;
  
     &lt;div class="form-horizontal"&gt;
  
              &lt;?php if(isset($image)){echo $image;}?&gt;
          &lt;div id="thumbs" style="width:300px"&gt;&lt;/div&gt;
  
              &lt;form id="cropimage" method="post" enctype="multipart/form-data"&gt;
  
                 &lt;fieldset class="control-group"&gt;
                      &lt;label class="control-label" for="firstname"&gt;Firstname&lt;/label&gt;
                      &lt;div class="controls"&gt;
                              &lt;input id="firstname" type="text" name="fname"&gt;
                      &lt;/div&gt;
                 &lt;/fieldset&gt;
  
                 &lt;fieldset class="control-group"&gt;
                      &lt;label class="control-label" for="lastname"&gt;Surname&lt;/label&gt;
                      &lt;div class="controls"&gt;
                              &lt;input id="lastname" type="text" name="secound"&gt;
                      &lt;/div&gt;
                 &lt;/fieldset&gt;
  
                 &lt;fieldset class="control-group"&gt;
                      &lt;label class="control-label" for="email"&gt;Email&lt;/label&gt;
                      &lt;div class="controls"&gt;
                              &lt;input id="email" type="text" name="email"&gt;
                      &lt;/div&gt;
                 &lt;/fieldset&gt;
  
                 &lt;fieldset class="control-group"&gt;
                      &lt;label class="control-label" for="user_location"&gt;Location&lt;/label&gt;
                      &lt;div class="controls"&gt;
                              &lt;input id="user_location" type="text" value="" name="user[location]"&gt;
                              &lt;p&gt;Where art thou?&lt;/p&gt;
                      &lt;/div&gt;
                 &lt;/fieldset&gt;
  
                 &lt;fieldset class="control-group"&gt;
                      &lt;label class="control-label" for="bio"&gt;Bio&lt;/label&gt;
                      &lt;div id="user_description_box" class="controls"&gt;
                              &lt;textarea id="bio" class="input-xlarge" name="bio" style="width: 243px; height: 122px;"&gt;&lt;/textarea&gt;
                              &lt;p class="bio-label"&gt;About yourself in&lt;strong&gt;160&lt;/strong&gt;characters or less.&lt;/p&gt;
                      &lt;/div&gt;
              &lt;/fieldset&gt;
  
              &lt;div class="form-actions"&gt;
                  &lt;button id="submitButton" class="btn primary-btn" type="submit" name="submit"&gt;Save changes&lt;/button&gt;
              &lt;/div&gt;
  
          &lt;/form&gt;     
  
          &lt;form id="cropimage" method="post" enctype="multipart/form-data"&gt;
  
              &lt;fieldset class="control-group"&gt;
                      &lt;label class="control-label" for="photoimg"&gt;Profile photo upload&lt;/label&gt;
                      &lt;div id="user_description_box" class="controls"&gt;
                          &lt;input id="photoimg" type="file" value="" name="photoimg"&gt;
                          &lt;input type="hidden" name="image_name" id="image_name" value="&lt;?php echo($actual_image_name)?&gt;" /&gt;
                          &lt;!--&lt;p class="bio-label"&gt;About yourself in &lt;strong&gt;160&lt;/strong&gt; characters or less.&lt;/p&gt;--&gt;
                      &lt;/div&gt;
             &lt;/fieldset&gt;
  
              &lt;div class="form-actions"&gt;
                  &lt;input type="submit" class="btn primary-btn" id="photoSubmit" name="submit" value="Photo Submit" /&gt;
              &lt;/div&gt;    
  
             &lt;/form&gt;
  
          &lt;/div&gt;&lt;!--End of horizontal form--&gt;
  
          &lt;/div&gt;&lt;!--End of form wrapper--&gt;
  
          &lt;div class="clearfix"&gt;&lt;/div&gt;
  
          &lt;!-----------------------------------------Start of bookmarklet--------------------------------------------------&gt;
  
          &lt;div id="bookmarklet-wrapper"&gt;
  
          &lt;h1 id="welcometext"&gt;Welcome to &lt;img src="images/logo_text.png" alt="NetSushi Logo" title="Net Sushi" id="instrustionlogo" width="100px"/&gt;&lt;/h1&gt;
  
        &lt;h2 id="bminstructions"&gt;The Bookmarklet below should be dragged to your bookmarks bar so that you can share content with your friends on &lt;!--&lt;img src="images/logo_text.png" alt="NetSushi Logo" title="Net Sushi" id="instrustionlogo" width="100px"/&gt;
        &lt;a style="text-decoration:none;
          background:#25A6E1;
          background:-moz-linear-gradient(top,#25A6E1 0%,#188BC0 100%);
          background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#25A6E1),color-stop(100%,#188BC0));
          background:-webkit-linear-gradient(top,#25A6E1 0%,#188BC0 100%);
          background:-o-linear-gradient(top,#25A6E1 0%,#188BC0 100%);
          background:-ms-linear-gradient(top,#25A6E1 0%,#188BC0 100%);
          background:linear-gradient(top,#25A6E1 0%,#188BC0 100%);
          filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#25A6E1',endColorstr='#188BC0',GradientType=0);
          padding:8px 13px;
          color:#fff;
          font-family:'Helvetica Neue',sans-serif;
          font-size:17px;
          border-radius:4px;
          -moz-border-radius:4px;
          -webkit-border-radius:4px;
          border:1px solid #1A87B9;
          position: relative;
          top: 20px;"
          href="javascript:
          (function () {
              function loadjscssfile(filename, filetype){
                  if (filetype=='js'){
                      var fileref=document.createElement('script');
                      fileref.setAttribute('type','text/javascript');
                      fileref.setAttribute('id','jsDoc');
                      fileref.setAttribute('src', filename);
                  }else if (filetype=='css'){
                      var fileref=document.createElement('link');
                      fileref.setAttribute('rel', 'stylesheet');
                      fileref.setAttribute('id', 'cssDoc');
                      fileref.setAttribute('type', 'text/css');
                      fileref.setAttribute('href', filename);
                  }
                  if (typeof fileref!='undefined')
                      document.getElementsByTagName('head')[0].appendChild(fileref);
                  }
                  var cssDoc = document.getElementById('cssDoc');
                  if (cssDoc == null){
                      loadjscssfile('http://www.netsushi.net/css/css/bookmarklet.css', 'css');
                  }
                  var jsDoc = document.getElementById('jsDoc');
                  if (jsDoc == null){
                      loadjscssfile('http://www.netsushi.net/js/bookmarklet.js', 'js');
                  }else{
                      if ($('#feeder_bm_main').is(':visible')){
                          $('#feeder_bm_main').hide();
                      }else{
                          $('#feeder_bm_main').show();
                      }
                  }
              void(0)
          }())
      ;"--&gt;
      &gt;NetSushi&lt;/a&gt;
  
    &lt;/div&gt;&lt;!--End of bookmarklet wrapper--&gt;
  
  
  
  
          &lt;/div&gt;&lt;!--end of edit-page-content--&gt;​
  </code></pre>
  
  <p></p>
  
  <p>I'm still unsure how to correctly format my CSS to post it but you can see exactly what is going on in this fiddle if you have a moment to help me out?</p>
  
  <p><a href="http://jsfiddle.net/DannyW86/3gMuP/" rel="nofollow">http://jsfiddle.net/DannyW86/3gMuP/</a></p>