title: Modal box of bootstrap right:0 not working
body: <p>I have a modal box of bootstrap; I want it to be stuck to the right side of the screen; I tried the follwoing but when I re-size the window it does not work :( could you please help me in this regard!</p>
  
  <pre><code>&lt;div id='test'&gt;
      &lt;div id="add_pixel" class="modal hide fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true"&gt;
      &lt;/div&gt;
  &lt;/div&gt;
  
  #add_pixel{
      position: absolute;
      right: 0;
  }
  </code></pre>
  
  <p>but it does not go to the right side of the screen! It is worth mentioning that my css file gets called after bootstrap css files!</p>
  
  <p>But the following code works fine:</p>
  
  <pre><code>&lt;div id="id1"&gt;
      &lt;div id='id2'&gt;
  
      &lt;/div&gt;
  &lt;/div&gt;
  
  #id1{
      background-color: yellow;
      height: 400px;
  }
  
  #id2{
      background-color: red;
      height: 200px;
      width: 200px;
      position: absolute;
      right: 0px;        
  }
  </code></pre>
  
  <p>I could not figure out why it is not working with modal box of bootstrap, whereas it working fine with regular DIVs !</p>
  
  <p>Your help is appreciated!</p>