title: Getting div to run to the right side of the screen
body: <p>Basically i'm trying to get a divider to run to the right edge of the screen (without overflow).</p>
  
  <p>If you look here: <a href="http://gomysites.com" rel="nofollow">http://gomysites.com</a> and scroll down to the twitter section you will see i've set the twitter panel to run off to the left edge of the screen (no matter the size).</p>
  
  <p>Now i want to do exactly the same on the right side. If you notice the grey divider between the blog posts id like this to run to the right edge of the screen (no matter the size) without it adding a horizontal scroller.</p>
  
  <p>I've tried setting the css for the divider exactly opposite as i did for the titter panel:</p>
  
  <pre><code>.widget_gomy_news .divider{
  margin:30px -10000px 30px 0;
  background:#f3f3f3;
  height:30px;
  float:right;
  width:610px;
  padding:0 10000px 0 0;
  }
  </code></pre>
  
  <p>But it adds a horizontal scroller. So i did try adding overflow:hidden; to the body. Which removes the scroller but i can still scroll everything left and right with the mouse. </p>
  
  <p>Anyone got any ideas how i can achieve what i'm after? or will i need to use some js to make this work?</p>
  
  <p>Thanks in advance.</p>