I’ll package these as an update soon, but if you want to make these changes on your own (because you’ve modified the theme to fit your needs) here they are.
First of all, there is a problem with images larger than 500px breaking the display in Internet Explorer 6 and earlier. The culprit is of course IE, but more specifically the fact that IE6 and earlier doesn’t recognize the max-width property (which is what I used in the style sheet). Larger images will expand your “Wrapper” forcing the content outside of the background image.
The solution I’ve found to work is using this line of code:
img { width: expression(this.width > 500 ? 500: true); } /* fix for ie6 not recognizing max-width */
I’ve heard that other browsers will skip this, and therefore only the IE6 and earlier will obey this code. If that’s the case, you can just plug this code into your custom style sheet, or link to an extra style sheet just for IE6 (which is what I personally like to do - just in case).
Another solution would be to size your images down below 500px before using them on the site.
Pick the solution you like the best, and when I get a few free minutes, I’ll package this into an update for future T1 users.
Enjoy.
