title: having a centered div with width range on window resize
body: <p>I'm trying to make a div with an image in it that I'm using as a background image.  I'd like to give it a range, no smaller then <code>1000px</code> and no bigger then <code>1500px</code> width wise.  I'd like it to be centered.  I had thought I could just set it to align="center" and <code>style="max-width:1500px;min-width:1000px;overflow:hidden;"</code>  But this doesn't seem to work, so I changed it, putting it inside a containing div <code>align="center"</code> and width <code>100%</code> and put the overflow on this containing div instead.  What ends up happening is it doesn't center, it starts on the left and cuts off the right side and stays at a <code>width</code> of <code>1500px</code>. <br> I'm not sure how to position this.</p>
  
  <p>This is the url:  <a href="http://www.klossal.com/portfolio/index_alt.html" rel="nofollow">http://www.klossal.com/portfolio/index_alt.html</a>  it's the large image of the planet.</p>