IE CSS Tip #1: Position Relative Overflow

June 27th, 2010 | No Comments »

In the portfolio section of this site I decided I wanted to be able to align the thumbnails either to the top, middle or bottom of their frame. That way I could very simply create better looking thumbnails just by a little css positioning. Unfortunately, unlike every other modern browser, IE requires a little extra love to make it work. The solution, however, is simple. Set the position of the container div to relative i.e. “position:relative;” Thanks goes to Jonathan Snook for providing this tip on his website. Please see his site for the original tip.