IE7 shows top menu over banner

[Plummer]

When I open my Zen Cart site (with the default template, only the banner is replaced) in IE7 the top menu is over the banner (logo). In IE6 all looks OK. Anyone seen this too ?

I use the V1.3.8a version. The server info is :

Server OS: Linux nlw-fe02 2.6.17-11-server #2 SMP Fri May 18 23:40:13 UTC 2007 i686 Database: MySQL 4.0.24_Debian-10sarge2-log
Server Date: 09/11/2008 12:23:05 Database Date: 09/11/2008 13:56:29
Server Up Time: HTTP Server: Apache
PHP Version: 4.4.2-1.1 (Zend: 1.3.0) PHP Memory Limit: 16M PHP Safe Mode: On
PHP File Uploads: On Max Size: 16M POST Max Size: 16M
Database Data Size: 331 kB Database Index Size: 350 kB


Regards, Danny.

[stevesh]

Hard to know for sure without a link to your site, but try increasing the height portion of #logoWrapper in your stylesheet.

[Plummer]

I tried to separate the logoWrapper from the group definition and added a height=150px property. But that did not fix it.

Next I tried to change the "sales message goes here" text (which I had made empty earlyer) to a simple linebreak (<br />) which caused the sideboxes to be placed correctly under the logo. The navigation bar however still floats on the middle of the logo.

You can check it out here : http://www.mikaousui.nl/shop/ (Dutch alert)

That linebreak however makes things look sloppy in IE6 (too much whitespace).

Any suggestion is welcome

Regards, Danny.

[stevesh]

Whe I load your site into Firefox and use the Web Developer to edit this by changing the height to 150px, it does make it larger. It should fix the IE problem. This #logoWrapper should already have been broken out.


#logoWrapper {
background-image: url(../images/header_bg.jpg);
background-repeat: repeat-x;
background-color: #ffffff;
height:75px;
}

[Plummer]

Thanks Steve,

This seems to have solved the problem.

I removed the linebreak so it is still showing correctly in IE6. And in IE7.

Danny.