Help! Horizontal Lines in IE7!! not list bug

[Gunzanroses]

hello all, I just started to customize the front end of my store when i decided to to take a look at it with the IE7. Everything looks fine in FF, but i get a couple lines running horizontal between some images . I did my normal research on the internet before posting here, but have not yet found a fix. I tried Display:block; i tried display:inline, i've tried height:1%. nothing seems to work for me. Hoping one of you gurus could shed some light on this.

the site is www.mypetsfitness.com

here are a couple snipets from my css file and my header template :

<div id="picTop"><img src="images/name.jpg"></div>
<div id="picMiddle"><img src="images/01.jpg"></div>
<div id="anabolic"><script menumaker src="anabolic.js"></script></div> 
<div id="picBottom"><img src="images/p1.jpg"></div>

#picTop {
float:left;
}
#picMiddle {
float:left;
}
#anabolic {
float:left;
}
#picBottom {
/*float:left;*/
}

Any help would be super, thanks in advance.

[Gunzanroses]

after much investigation i finally came across a thread that had the answer. http://www.zen-cart.com/forum/showthread.php?t=63587

I needed to remove vertical-align: top; from the #mainWrapper in my css file. Big thanks to Christian and the rest of the Zen-cart community.

[Kim]

Suggestion - Don't crosspost into multiple forums and then hit the report button...