Working on a webpage at this link, I have structured my HTML as follows:
<div id="wrapper">
<div id="main">
<div class="images">
<p>Content</p>
<div class="clear"></div>
</div>
<p>Text...</p>
<div class="clear"></div>
</div>
</div>
The corresponding CSS looks like this:
div#wrapper
{
padding: 10px;
width: 90%;
}
div#main
{
padding: 5px;
}
div.images
{
float: right;
width: 320px;
margin-left: 5px;
}
div.clear
{
    height: 0;
    clear: both;
}
If any issues arise, they are likely nested within the provided code. The specific problem occurs when the size of the content in the main div is smaller than that of the images div, causing the left padding of the wrapper to disappear and the bottom padding of main to increase. This glitch seems to be unique to IE7.