CSS DropDown Nav Help

[diabolo]

http://anasianscreations.com/mcs/
I have a couple things i want to fix on here.
`v-align the first layer to the center
`left-align all text other than first layer
`display all text of first layer on one line (have to get rid of the 30px margin)
`fix the hover on SCHOOL INFORMATION > 2009 - 2010 REGISTRATION (DOWNLOAD) *important*

http://anasianscreations.com/mcs/sources/bits/nav.php
http://anasianscreations.com/mcs/sources/css/dropdown/default.css
http://anasianscreations.com/mcs/sources/css/dropdown/default.ultimate.css
http://anasianscreations.com/mcs/sources/css/dropdown/dropdown.css
http://anasianscreations.com/mcs/sources/css/dropdown/helper.css

The Original Files Are Here: http://www.lwis.net/free-css-drop-down-menu/

 

[sourfacedcyclop]

Crap, I hate premade CSS it always looks so complicated compared to when I do it. To get the text to align left on the secondary layers I would use

ul.dropdown li ul a {
text-align:left;
}

I think that would work. The v-align I am not so sure, you could try to use a margin-top of like 5px in you ul.dropdown a part.

The reason your hover isn't working on that one like is because the text extends outside of the hover height.

 

[diabolo]

Crap, I hate premade CSS it always looks so complicated compared to when I do it. To get the text to align left on the secondary layers I would use

ul.dropdown li ul a {
text-align:left;
}

I think that would work.

I added this to your code, so it also applies to not-links

ul.dropdown ul li a,
ul.dropdown ul li span {
text-align:left;
}

The v-align I am not so sure, you could try to use a margin-top of like 5px in you ul.dropdown a part.

The reason your hover isn't working on that one like is because the text extends outside of the hover height.

and I also hate premade CSS, but Im too lazy to go figure out how to make a dropdown nav right now. as you can see im also too lazy to fix the problems my self. =]

o I almost forgot, +REP