Lining up images in IE7

[LeeU]

I can't seem to figure out why the images at the bottom of the right-hand nav bar line up in FF but not IE7 (don't have IE6 so I'm not sure there). The page is here (http://www.shamar.org/articles/meetings.php) and the style sheet is here (http://www.shamar.org/style/main.css).

[Fang]

Correct the extra ul<strong><span style="color: #7b5d31;">Recommended reading ...</span></strong>
<br><br>
<ul>
<ul>
<li class="r1"><a href="http://www.amazon.com/dp/0684815001/?tag=shamarorg-20" title="The Cost of Discipleship">
Changes to CSS:.recommended li {
margin: 0; /* 0 0 .5em; */
padding: 0;
background: transparent;
float:left;
width:50%;
}

.recommended img {
display: block;
/*margin:0 auto;*/
padding: 4px;
border: 1px solid #ccc;
}

.recommended li.r1 img {
/*float: left;*/
}

.recommended li.r2 img {
float: right;
}

[LeeU]

Thanks, Fang! That did it! Interesting, I took this right from Roger Johansson Web site. Thanks again!