title: centering image vertically in all resolutions
body: <p>I need to be able to center the image vertically for all the common resolutions.
  A lot of ppl here on SO have already asked this question before, and 90% of then give this tutorial 
  <a href="http://www.jakpsatweb.cz/css/css-vertical-center-solution.html" rel="nofollow noreferrer">http://www.jakpsatweb.cz/css/css-vertical-center-solution.html</a></p>
  
  <p>as an answer.
  However, when viewed at my 1280 by 1024 res monitor in FF, it's not centered. And worse yet, it breaks horribly in IE7. So, it's definitely NOT the answer.</p>
  
  <p>Am I chasing the impossible dream?
  The solution has to work for FF and IE 6/7</p>
  
  <p>the solution can be anything that would work, though being a bit of a purist, I would prefer a div over table:)</p>
  
  <p>specifically i need it for this site
  <a href="http://www.codecookery.com/test/index.html" rel="nofollow noreferrer">http://www.codecookery.com/test/index.html</a></p>
  
  <p>as you see, it's a slideshow, that needs to be centered.</p>