CSS Dropdown menu for the header- With Categories!

Issue i'm having in firefox...


I am using an image for the main nav bar, I deleted all the text in the navigation (i.e. home, catergories, my account....) and I am not using a hover color.

My main bar is 29px high and it is working exactly how i want it to in IE7. The problem is that in FF the submenu is flying out ontop of the image i have for the main nav bar (I believe this is because there is no text). I cannot seem to figure out a way to fix this.

Please help! site in progress at www.ne**wsunco**okies.com/store

Ok could someone help with categories_ul creator (whatever it was called)...

Can I somehow (easily) make it to remove link if category wouldn't have products? I don't mean to disable category; the name would still remain in the menu only the link to the category would be disabled until products are added?!

Sorry to keep posting about the same darn issue but it still seems to not be fixed. I could have sworn earlier it was displaying right. Can anyone see the problem with alignment on my site in internet explorer. In Firefox I see a blank space at the right end and in IE7 I see Photo Gallery on a second line. I tried cleaning up my top_main.php file which jettrue helped me with and I thought it worked. However after cleaning the cache multiple times and reloading it I see that the issue has still not changed. Does anyone have any thoughts on how to fix this to where the header will display properly. The site is

http://www.wpc-consulting.com/~stxmill/

Thanks

OK I have determined why the header works great in IE7 while I am at work. I remote into my home computer and it appears to work on my home computer however when sitting right in front of the computer i see it miss aligned for some reason. Well this could be that when I am at work remoting into my home computer I am viewing this page with a 19 inch wide screen monitor. The widescreen might make a difference. So if this possibly helps anyone solve this issue. It seems as for some reason it is too wide so it has to go to the next line. However if it was a width issue you would think it would do it as well in firefox. Any thoughts on this.

Quote:

---

Originally Posted by jettrue

The menu isn't causing that problem. It's issues in your css. The home login isn't showing up because of this:

#navMainSearch {
float: right;
}


It needs to be changed to

#navMainSearch {
text-align: right;
}

---

Hey thanks a lot that fixed the problem

Quote:

---

Originally Posted by welchyboy

Sorry to keep posting about the same darn issue but it still seems to not be fixed. I could have sworn earlier it was displaying right. Can anyone see the problem with alignment on my site in internet explorer. In Firefox I see a blank space at the right end and in IE7 I see Photo Gallery on a second line. I tried cleaning up my top_main.php file which jettrue helped me with and I thought it worked. However after cleaning the cache multiple times and reloading it I see that the issue has still not changed. Does anyone have any thoughts on how to fix this to where the header will display properly. The site is

http://www.wpc-consulting.com/~stxmill/

Thanks

---

Did you try decreasing the menu width to 99% instead of 100%?

Not sure where to change that. I tried in the top_main.php and the top.php where the flash file and image are located all it did was make the flash file or image smaller. I went into tpl_drop_menu.php and cut a whole like which consists of one button on the header and it fixed in IE. It didn't matter which one i deleted though so it is not a specific button or link on there I just need to figure out how to edit the width of each button or something to shrink them in a little. It also needs to appear similar in both browsers. How can i accomplish this?

OK I have figured it out... I edited the stylesheet_header_menu.css and changed this part of it.

Code:

---


        /* Firefox Setting for Width */
        width:14.280%;
        /* IE Setting for Width */
        *width:14.290%;
        }

---

The two width's in this code. I added the comments because changing one I found out didn't do anything for the other browser. so I had to change both of them to get it to look nearly the same in both types of browsers. Don't change this width here or it will actually decrease the entire width of the navagation bar instead of the actual links on it. Thanks for everyone's help especially yours Jade much appreciated for your time and patiences.

Code:

---


div#dropMenu {
        width:100%;
        margin:0 auto;
    text-align:center;

---

MSIE 6 doesn't display list items inline.. any idea how to fix it?

cheers

Quote:

---

Originally Posted by poosk

MSIE 6 doesn't display list items inline.. any idea how to fix it?

cheers

---

Does this happen at my test site

http://www.zencart137.jadetrue.com

If not, reupload the original stylesheet_header_menu.css, and make sure you read the readme that gives instructions on making this compatible with all versions of IE>