Hey guys,
I’m creating a theme for a base template set of HTML and I’ve run into an awkward issue with IE7. I’ve cut out the HTML and CSS that shows the problem and threw it into a file with some junk text for you guys to see. Note: the colors are all wacky so you can see the blocks easier.
The problem is the yellow box in IE7 doesn’t want to wrap for some reason. But in every other browser, including IE6, it does. Any help would be much appreciated!
If you’re going to get onto me about using absolute positioning, then please by all means show me a decent way to position all these elements so they line up the same, while still staying true to variable width. Also, the height of the red box can’t change.
Link: http://www.perfecdev.com/ie7_wrap/index.htm
Thanks!