css horizontal drop down or pop out

I'm looking for a nice css horizontal nav with drop down. Can you offer any good links?

 

http://css.maxdesign.com.au/listutorial/

cheers,

gary

 

they best I've used: http://alistapart.com/articles/dropdowns/

 

thanks for the quick info. i will let you know how it works out.

 

the alistapart drop down uses javascript.. Won't that affect the crawlability?

 

no, it only uses the javascript to create the pseudu hover class to get the menus working in IE

 

i need help getting the drop down centered in IE.. what a pain.. it drops down correctly in FF.

 

http://www.386realestate .com/indexpractice

site is here

 

hmm, not exactly sure what's happening there

but it looks like the left margin of the menu UL is kicking in
try setting the margins to 0px

 

Edit like so:

#nav {
    list-style: none;
    margin: 0;
    padding: 0;
float:right;
margin-right: 40px;
margin-top: -60px;
}

Code (markup):

Opera and IE use 40px left margin to create the list indent. Safari/Konqueror and Moz/Firefox use 40px left padding to create the indent. So zero both, then use margin and padding as you see fit.

cheers,

gary

 

gary,

i appreciate the help, but that doesnt seem to help the drop down line up correctly. it is still indented for some reason..

 

well, i was messing around and i think i fixed it..

original

new

i changed left 0 to left -40 and it fixed the problem.. however, i'm new to CSS and don't know if that is an okay bug fix. What do you think?

 

You need to zero margin and padding on all uls.

gary