title: Problem with position in CSS and html
body: <p>I'm having a problem with a CSS. I have a <a href="http://img705.imageshack.us/i/botonerahtmlerror.png/" rel="nofollow">little image</a> with the problem:</p>
  
  <p>The first part show what happend when in the block "Contenido" it's empty, and the second part when it has something. The problem? The second botton use a break and appear under of the other bootom. I have tried a pair of styls, but i can't get with one that work. What i have in CSS and html?</p>
  
  <pre><code>&lt;div class="nav-pad"&gt;
      &lt;button id="previous_left" class="button_previous"&gt;
          &lt;img src="/images/left-arrow.png"/&gt;
      &lt;/button&gt;
      &lt;div id=info_left&gt;
           Here we could put some info but it give a problem
      &lt;/div&gt;
      &lt;button id="next_left" class="button_next"&gt;
          &lt;img  src="/images/right-arrow.png"/&gt;
      &lt;/button&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>And in the CSS i have this one:</p>
  
  <pre><code>.nav-pad{
    padding: 0.2em;
    postion: relative;
  }
  .button_next{
    float:right;
    right:0
  }
  .button_previous{
    left:0;
  }
  </code></pre>
  
  <p>Any clue what i'm doing bad?
  Thanks a lot!
  Roberto</p>