Currently in the process of developing a new website and encountering issues with IE7. The first image showcases how it should appear, while the second image depicts how IE7 actually renders it (utilizing IETester to assess older IE versions).
The primary problem lies within the white background, which is achieved using a specific method. There is a div housing both the left and right columns with a background-color: white; The left column matches the page's background color (with added padding-right) so that even if the right column's height is less than the left's, they visually have equal height.
The secondary issue involves the list (ul) positioned under the placeholder text, appearing disorganized.
Initially, I assumed this could easily be resolved with some strategic "clear: both" positioning, but my attempts have been unsuccessful. Various methods have been tested, yet none have yielded positive results.
Any suggestions on what steps I should take next?
Thanks in advance, Nikos.
Rendered Correctly on Modern Browsers:
Error in IE7: