[Web4lib] CSS Drop Down Menus

Engwall, Keith D kengwall at catawba.edu
Fri Nov 17 11:18:01 EST 2006

Our site uses CSS Drop Down Menus.  They use a simple unordered list and some CSS.  There is a tiny bit of javascript to compensate for IE 6's lack of support of :hover for list items, but that's it (I haven't tested to see if it's fixed in IE7), and as far as I know, unless you make things a heck of a lot more complicated one way or another, there's really no good way around that.  On the Mozilla side it's completely CSS-driven.

We based our dropdowns on the excellent article in A List Apart on Horizontal Dropdowns:


(I had trouble getting into A List Apart today, so you might want to google "A List Apart Dropdown" and read the cached version of the article)

We made some modifications, which I document in our library blog entry:


I'm interested to see what others have to say on this, whether anyone knows of a truly javascript-free solution for IE.


Keith Engwall
Head of Library Systems and Technology
Catawba College Library
kengwall at catawba.edu

It is not enough to do your best: you must know what to do, and THEN do your best.
-- W. Edwards Deming
----- Original Message -----
From: web4lib-bounces at webjunction.org on behalf of Junior Tidal 
Sent: Fri, 11/17/2006 10:41am
To: web4lib at webjunction.org
Subject: [Web4lib] CSS Drop Down Menus

Hi all, 

I was wondering if anyone had any links for good CSS Drop Down menus.
I'm trying to find something that's compatible with both Mozilla and IE
that doesn't use javascript. Most of the ones I've found either look
great in Mozilla, but dont' work in IE, or use javascript. Thanks your


Junior Tidal
Web Services and Multimedia Librarian
CUNY New York City College of Technology
300 Jay Street
Brooklyn, NY 11210
Web4lib mailing list
Web4lib at webjunction.org

More information about the Web4lib mailing list