qwerky css a:hover

hi, I have this snipit of css:
div#bod a:link {color: #4AADAD; text-decoration: none; border-bottom: 1px solid #4AADAD;}
div#bod a:active {}
div#bod a:hover {color: #2A5FAD; text-decoration: none; border-bottom: 1px dashed #2A5FAD;}
div#bod a:visited {color: #4AADAD; text-decoration: none; border-bottom: 1px solid #4AADAD;}
it seems pretty simple (dashing line and changing colors on hover) but I just noticed that once a link is visited the hover will no longer work, what is going on? ive seen this exact effect work before with just different colors. Ive tried messing around with it for a while with no luck.

link
visited
hover
active

Has to be in that order, or it won't work... (some people use "LoVe/HAte" to remember it)

Thanks! nice and easy fix, never knew it had to be in that order, never seemed to have any problem with order in other instances.

Yeah, I'm not sure if it's a browser issue or a specs issue but it used to drive me nutso before I learned it... :)