HELP - Ugly space between header and maincontent with internet explorer

Hi!

I´m kind of a newbie with cms and ecommerce. Actually i´m working on my first zencart and i´ve got an ugly problem:

With firefox everything is fine (except for the ugly buttons and so on that i haven´t fixed yet...)

But with IE 7 it looks like :censored:

I´ve got an ugly space between the header and the main content and i´m afraid my "kungfu" aint good enough to solve this myself :frusty:

I´ve only got basic knowledge of css and php so i would be more than thankful get some help here.... PLEEEEAAAASSSSEEEE!^^

(sorry for the poor english, i only got basic skill there too:blush:)

do you have a link to view the problem as difficult to resolve without seeing problem

for sure, sorry - i´ve forgotten that:

http://www.naturalspice.de/catalog/

hmm .. looking at your code you have

<div align="center" style="color: #FFFFFF">
    <div align="center">

i would suggest remove the

<div align="center">

and the corresponding </div> tag further down

also maybe remove the <span> tags in that section and add the

font-weight: bold
``` to the <div> tag 

or better still ... create a new css class and use that instead of all the hard coding

thanks for your help, but i´ve simply decided to change the looks of the page so you won´t see it anymore