title: Float inside div with table-row
body: <p>I need to place two repeated background images on the left and right border of a div. I don't know the width or the height of the div.
  I though of placing the left border in the div, and floating the right border to the right.</p>
  
  <p>This is my layout: 
  <a href="http://jsfiddle.net/WmLhV/" rel="nofollow noreferrer">http://jsfiddle.net/WmLhV/</a> <code></code></p>
  
  <p>In Firefox it works ok, but in the other browsers, when the browser window is too short, and a scrollbar appears, the float disappears.
  As you can see the container is of display: table-row. I cannot change this or the layout will break...
  Is there any better way of putting an image to the right? even without a float?</p>