A css only validating flyout menu
When hovering over "Case Studies" it repeats that background onto the Sub Nav but if you go back to the homepage and hover over "Case Studies" it displays correctly. Thanks Code: /* NAVIGATION */ #navigation #navigation ul #navigation ul li #nav li /* main level link */ #nav a /* sub levels link hover */ #nav a:link, #nav a:visited #nav a:hover, #nav a:active /* dropdown */ #nav li:hover ul /* level 2 list */ #nav ul #nav ul li #nav ul a /* clearfix */ #nav:after #nav html[xmlns] #nav #nav #nav_case #nav .current_case a, #nav #nav_case:hover #nav #nav_quiz #nav .current_quiz a, #nav #nav_quiz:hover #nav #nav_about #nav .current_about a, #nav #nav_about:hover Hi folks Looking for a pure css dropdown menu to replace my dhtml one, I do very much like the Adx menu, as compared with suckerfish, for reasons which include: covers select and flash items on the page can colorise the hover background color right across the menu, giving a sense of link hierarchy on a narrow page, the final menu will double back on itself, and also reposition itself vertically if needed I've managed to solve one issue that their code did not seem to, if anyone is interested - removing the space between li items which IE creates - feel free to use the code he just chosen some garish colors for the moment, so I can see what is going on.) One thing I want to do is add drop shadows. To achieve a bottom drop shadow, I've added a small li item with a background image.
I am trying to mimic it with some minor changes, due to the layout I already have for my website.In FF, it looks OK, (though there are a few unnecessary pixels above the shadow li item, but in IE, it extends way down below where the drop shadow li item is!Any ideas for removing this extra depth, ie pushing the ul border up, or another way of putting in a drop shadow.Any additional tips on how to do this would be brilliant. Is it possible to style form elements (specifically checkboxes) with pure CSS, and without JS?
I'm thinking of something similar to this (but without the JS): is a way to add rounded corners to photos using just CSS?The css: Code: I've created my first attempt at a pure CSS drop-down menu using an Alist Apart article as a guide.