Drop Down Menus

[shadowayex]

http://www.cssplay.co.uk/menus/That place gives you a code to do it, but it doesn't teach how to do it. So I have no clue what to edit, what does what, and all that jazz. So, does anyone want to TEACH me how to? Or at least show me a small code with notes on what does what?

[jlhaslip]

There are several methods used on the various cssplay drop-downs.which one are you looking at using? That will determine the answer since they each use different techniques, so the answer depends on the Menu you choose to use.

[S@m]

http://www.alistapart.com/articles/dropdowns

[shadowayex]

Thanks for that link, now I understand what does what. I owe you one.

[shadowayex]

I'm having a small issue. The drop down menus are like 1 pixel to the right from under the first list thing. My code is:

ul              {padding: 0; margin: 0; list-style: none;}li              {float: left; position: relative; width: 10em;}li ul           {display: none; position: absolute;  top: 1em; left: 0;}li > ul         {top: auto; left: auto;}li:hover ul     {display: block;}li.current      {background-color: blue; text-align: center; border: thin ridge black;}li.other        {background-color: green; text-align: center; border: thin ridge black;}li.subcurrent   {background-color: blue; text-align: center; border-left: thin ridge black;                 border-bottom: thin ridge black; border-right: thin ridge black;}li.subother     {background-color: green; text-align: center; border-left: thin ridge black;                 border-bottom: thin ridge black; border-right: thin ridge black;}

How do I position the menus one pixel to the left, and one pixel down would be nice as well.

[BigAl75]

There's got to be a way to do this without using javascript. I remember seeing it somewhere, and I also remember posting about it (I think on here).