X-Cart forums

[andy@calsound.com]

Hey, hopefully someone might have some insight into this...
We are using a Java script drop down menu for navigation on our site, the first two menus, all the way to the right side of the header, when activated, they drop down over our search fields, in Internet Explorer, these search fields overlap the drop down menu, when it should be the other way around.

This does not happen in Firefox or Safari, but seeing as Explorer is the most popular browser I need to resolve this. I am thinking this is a z-index issue, but I am not a heavy .php programmer, so I don't even know where to start to fix this.

Any ideas?

page in question:
http://www.calsound.com/shop/home.php

Thanks!
Andy

[jdiehl]

You want the really really easy way to fix this? Well the bottom category (CD's/DVD's) on the same side doesn't go under the drop down boxes for the main first list, this is because they are too short to go that far. The easy way to fix would be to make the two categories on that side short ones, such as Digital Downloads (no drop down), and Maybe Pro Audio (very short). That would be the simplest fix although maybe not ideal, LOL

The other solution would be to set the z-index for those drop down boxes to be very low, such as -1. And then the drop down list properties set the z-index to be higher number. This is done via CSS, not PHP. Just find your style definitions and put it into place. If your drop down boxes don't have a CSS definition you can either make them one, or place it inline.

[andy@calsound.com]

I was able to find the file for the header, and adjust it's z-index, but I am not sure what file to dig into for the search fields, any idea?