Have problems with the below page, has a huge blank space in IE6.
Anyone can help to fix this? Thanks a lot!
The issue is somehow coming from the Share "button", which is an image set 110px down from the top of the span. I think IE6 is calculating the beginning point of the 110px from somewhere else... I really can't see why a span is there next to the menu, containing an image/button that's under the menu. Maybe the whole thing is supposed to really just be after and under the menu </ul>. Then the Share image/button doesn't need to be manually positioned so low.
Though that might also require having the main menu expand to its true height, instead of being truncated at 32px (a height is set on the li's, and are not really as large as the people-head images as you'd expect... this means the ul is only 32px tall and the box containing the ul is only 32px tall). Once the ul is full height the span could just com after it and sit under the menu instead of next to it.
Thanks for your reply. We are using a CMS in the ecommerce site, guess that is why it looks very complicated.
I have tried delete the addthis button, but the gap was still there. I am guessing the nav or stuff in the below div caused the problem, but cannot figure out where.
Hmm, it's hard to see quite what's wrong here. It's a much more complicated layout than you need, which makes it harder to debug. One question: if you remove the AddThis code, does the problem go away? that seems the most likely cause to me.