font in IE is different from Firefox

[nick caskey9]

well its only on links it seems.
it looks perfect the way i want it on firefox
but on IE, the links are bold.
i'm not the best at CSS but i would really appreciate it if you could help.

this is the font part

{font:normal 10px Verdana; color:000000; font-weight:none; border:0px; text-transform: none;}
a{font:normal 10px Verdana; color:000000; font-weight:none; border:0px; text-transform: none; }
a:link{font:normal 8px Verdana; color:000000; font-weight:none; border:0px; text-transform: none; }
a:active{font:normal 10px Verdana; color:000000; font-weight:none; border:0px; text-transform: none; }
a:visited{font:normal 10px Verdana; color:000000; font-weight:none; border:0px; text-transform: none; }
a:hover{font:normal 10px Verdana; color:000000; font-weight:none; border:0px; text-transform: none; }
a:link{font:normal 10px Verdana; color:000000; font-weight:none; border:0px; text-transform: none; }
a:active{font:normal 10px Verdana; color:000000; font-weight:none; border:0px; text-transform: none; }
a:visited{font:normal 10px Verdana; color:000000; font-weight:none; border:0px; text-transform: none; }
a:hover{font:normal 10px Verdana; color:000000; font-weight:none; border:0px; text-transform: none; }

everything seems to check out.
but idk :/

<snip>

[edited by: engine at 10:12 am (utc) on June 19, 2008]
[edit reason] See WebmasterWorld TOS [/edit]

[Marshall]

Hi nick, welcome to WebmasterWorld.

First, what is the first declaration. There is nothing before it such as p, body, div, etc. Also, you have some extraneous information in your declarations such as font-weight, border and text-transform, but that does not appear to be the problem. You need to put a pound (#) sign in front of color designations- color: #000000;. Odds are it is not parsing your CSS correctly past the first color. Also, for font-weight, use font-weight: normal; (not 'none') if you are going to include that declaration.

In the end, I suggest this

body {
font-family: Verdana, Arial, sans-serif;
font-size: 10px /* this is rather small */
color: #000; /* not necessary if the default color is black */
}
a, a:visited, a:active, a:hover {
font-family: Verdana, Arial, sans-serif;
font-size: 10px /* this is rather small */
color: #000; /* not necessary if the default color is black */
font-weight: normal; /* not necessary unless there is an over-riding declaration on myspace making links bold */
}

Marshall