help with a simple CSS problem please!

hello all, i'm not that much of a pro at css so please do me a favor and help me with this small issue.

in my site anothera.000webhost.org/index2.php , under the Quick Links menu the text is aligned top when you hover your cursor on the links.... now I have tried EVERYTHING including changing vertical align, changed margin-top , padding-top... with no avail

any help would be really good.. thanks

 

Make the following changes to your css file.

.quicklinks a { 
[B]width : 188px;
height : 24px;[/B]
display : block;
color : #000000;
text-decoration : none;
} 
.quicklinks a:hover { 
background : url("images/quicklink_bg_on.gif");
text-decoration : none;
}

Code (markup):

All that was done is to add the width and height to .quicklinks a and removed it from quicklinks a:hover.

Hope this helps.

 

thanks for trying to help brat... but ive also tried that before. it makes it so that the texts are aligned top whether they are pointed by the cursor or not.

i figure the problem is display:block; but ... without it , when you rollover it, the background only changes for the length of the text area.

 

yay.. i fixed it.. just somethings missing with the code that messed up the positioning

 

Good to hear that from you !
Then Good luck ...