I have created a drop-down menu that, on the roll over, spreads out like a grid. The links contained within the drop-down menu appear to be working fine, but I’m having a weird issue in Safari and Firefox with the parent link not working. Here is the page:
Here is the CSS controlling the drop-down:
You’ll see the drop-down when you roll over the button called "What We Do". As you scroll through the drop-down items, you’ll see that they all have active links. However, the parent button (the actual "What We Do" text) is not an active link, even though my code is set up for it to be. Additionally, if you scroll back onto the main menu from the drop-down, the drop-down does not go away as it should (for example, try rolling your mouse through the drop-down menu and then move your mouse directly up to the "News & Projects" link…the drop-down doesn’t go anywhere).
I think these two issues are related. The drop-down appears to work fine in IE6 and 7, but not in Safari or Firefox. I have been troubleshooting this issue endlessly, so any help with my code would be greatly appreciated.
Looks and works great here on both FF3, IE6, IE7 and Safari for Windows.
But, I did notice in IE6 your post background image doesn’t work properly because it is a png and it doesn’t look like you have any png fix installed. I really recommend UnitPNG fix. I even wrote a little comparison between that and supersleight a while back, and I’ve come to the realization now, after experimenting more UnitPNG is indeed superior.
cybershot – thanks for your reply. i was able to resolve the issue by restructuring the code a little. it was occurring mostly on Mac’s…did you try testing in on a Mac?
cssgirl – thanks for your suggestion. in all of my testing on IE6 browsers, I have not had any trouble displaying the PNGs referenced on the site. Is that issue still occurring for you? The site is now live, so here’s the new link: http://www.vaughnstreet.com/who_we_are.html
Thanks again for your suggestions!!
You must be logged in to reply to this topic.