Image Roll-Over with Drop-Down (Pop-Out) Text Menu
I've used the DynamicDrive for help before and found it extremely useful for text based menus, but it doesn't seem to offer too much help with image/rollover button based menus.
The drop-down (or pop-out) menu that we want to add to the top horizontal navigation bar menu and the side verticle menu for the Auto Parts rollover buttons are actually going to be static. It will simply show two options, "Search Auto Parts" and "Featured Products".
Well, we use lists and tables extensively throughout the site, so using this method is not good. I have seen a method of using the <H2> tag to setup the hidden drop-down, but I am very curious why I cannot find a way to do this using layers? I mean, wasn't this why multiple layer depths were invented in the first place?
I am getting tired of this. I would just like to be able to write the code simply and logically. But even CSS seems illogical. Why tie-up great structure resources such as list, table or H2 tags at all?
Isn't there anyone doing this as CSS was designed to? If so, where?
I suppose I should mention that if you have IE7, it has some strange bug where a space or a hyphen is interpretted as a return or line BReak (<BR>). Therefore, when browsing our site in IE7 you only see one word in the menus on our website at this time. We view this as a stupid bug with IE7 and although we know a work-around, we find that this bloats the code and is uneccessary. We are expecting IE7 to fix this bug, as the bug does not lie with the code.