2 small items I cannot figure out

HTML & CSS
1

On page http://www.stc.org/membership/mgam-chap-sigs.asp
The first item on my unordered list (#mgam-about-sprite) shows the previous image on hover so it displays two images over lapping. Second, on IE the image on the right (#mgam-people-pic) has a padding right before the bottom border.

2

That’s because you have the sprite image also as a background image on the UL itself, so you should remove that (shown in red):

#mgam-nav-sprite { 
float: left; 
list-style-type:none; 
width: 152px; 
height: 95px; 
margin: 0; 
padding: 0; 
[COLOR="Red"]background-image:url(../images/mgam-nav-sprite.gif);[/COLOR]
}

Also, I would remove the height on the UL.

3

Thank you.