I got some help with this earlier, but I can't find the problem and I've been searching for a long while... can anyone help? all files are here... http://battletech.hopto.org/for_others/web_dude/ Everything works in FF. In IE 6 1) Hover over the "go" button and nothing happens 2) Hover over "shopping cart and checkout" or "quick shop" and then won't roll back until one of the top menu buttons are hit. In IE 7 1) The "go" button displays double when hovered upon. I also removed this chunk (not needed upon initial entry) locally and not shown in the link above and removed all reference to it from the style sheet and IE 6 isn't displaying the search input right, top image is coming down too far. <ul id="mainMenu"> <li class="first"><a href="#">Library Supplies</a></li ><li><a href="#">Library Furniture</a></li ><li><a href="#">School Furnishings</a></li ><li><a href="#">Office Furnishings</a></li ><li><a href="#">Equipment Carts</a></li ><li><a href="#">Displays</a></li ><li><a href="#">Instructional Materials</a></li ><li class="last"><a href="#">Audio/Visual</a></li> </ul> Thanks for any help.
dude, just IM me - I did write that for you after all. (love to start reading a thread that starts with a link to MY for_others directory) Hang on, I'll see if I can figure out what's going on - I tested it here originally and it all worked fine.
Oh, duh. on the Go button the hover state in IE6/earlier would not ever work because it's not an anchor. - I should have documented that as I didn't think that was a big deal. To address that I slapped the csshover2.htc behavior file into the CSS, and it cleared right up. In IE7 on that it looks like it's ignoring overflow:hidden. ****ing IE. Adding position:relative to the parent element around the span seems to fix that... For the IE 6 hover 'stick' issue, I forgot that IE6 bitches if you don't declare color on the ANCHOR hover states. Again, my bad. What I get for rushing that rewrite out the door on my lunch break I just uploaded a fixed CSS that handles that. http://battletech.hopto.org/for_others/web_dude/screen.css You'll also need csshover2.htc, which I put a copy in that directory, but you can get a more complete explanation here: http://www.xs4all.nl/~peterned/csshover.html It's nice because it not only adds :hover to IE6/earlier, but also :active - and lets you use those states on ANY element... at 4K it's a bit large, but well worth it since it means no wasting extra classes for suckerfish type menus, no bloating out your HTML/CSS with stupid table-type workarounds, etc, etc.
Thanks shadow. I didn't know if I should go directly to you or just post on the forum. Sorry about that. Your CSS knowledge is vastly superior to mine and I thank you for all your help.