CSS Mouse-over

Hey,

I’m trying to modify a footer, so when I move the mouse over the links, they change from no-underline to underline. I got this code which works, but I’m having problems with it, because it causes the padding to mess up, and muddle up all the text.

This is the code I am using:

#footer a {
color: #999;
}
a { color:#001760; text-decoration:none; }
a:hover { color:#001760; text-decoration: underline; }


This is the code which I put between the #footer entry which messes up the alignments:


clear:both;
margin: 0px 416px 0px 16px;
padding: 8px 0 16px 0;


Any ideas?

iandotcom.