(css) hover working in firefox but not in IE (?)

i have this css; h1 { background-color: #FFFFFF; font-family: Arial;
font-size: 16pt; } body { font-family: Arial; font-size: 12px; color:
#333333; } font { font-family: Arial; font-size: 12px; color: #333333; }
table { font-family: Arial; font-size: 12px; color: #666666; text-align:
center; padding: 0px; border: thin none #FF66FF; position: relative;
background-color: #CCCCCC; } a:link { font-family: Arial; font-size: 12px;
color: #333333; text-decoration: none; } a:visited { font-family: Arial;
font-size: 12px; color: #333333; background-color: #CCCCCC;
text-decoration: none; } a:hover { font-family: Arial; font-size: 12px;
color: #00CCFF; text-decoration: none; } but at , for example, this page;
http://www.ckv2-lessen.nl/vlc/VLCH4/VLCH4.htm the intended hover effect will
work in firefox but in IE the links turn purple and underlined after clicking
them. How to fix this?

deroon wrote:

i have this css; h1 { background-color: #FFFFFF; font-family: Arial;
font-size: 16pt; } body { font-family: Arial; font-size: 12px; color:
#333333; } font { font-family: Arial; font-size: 12px; color: #333333; }
table { font-family: Arial; font-size: 12px; color: #666666; text-align:
center; padding: 0px; border: thin none #FF66FF; position: relative;
background-color: #CCCCCC; } a:link { font-family: Arial; font-size: 12px;
color: #333333; text-decoration: none; } a:visited { font-family: Arial;
font-size: 12px; color: #333333; background-color: #CCCCCC;
text-decoration: none; } a:hover { font-family: Arial; font-size: 12px;
color: #00CCFF; text-decoration: none; } but at , for example, this page;
http://www.ckv2-lessen.nl/vlc/VLCH4/VLCH4.htm the intended hover effect will
work in firefox but in IE the links turn purple and underlined after clicking
them. How to fix this?

Put the pseudo-classes in correct order:

link
viisited
hover
active

--
Dan Vendel - *GOF*
"Eagles may soar, free and proud, but weasels never get sucked into jet
engines."
Contact: http://www.proformica.com/contact.shtml or call/chat me via
Skype ID: danvendel, but DON'T ask questions that you can ask here! (get
Skype at http://skype.com)
Formmail tutorial: http://www.proformica.com/formmail-tutorial.shtml
Nested table demo: http://www.proformica.com/nested-table-demo.shtml

What I mean is:
At http://www.ckv2-lessen.nl/cssfiles/external.css you have this:

a:link {
font-family: Arial;
font-size: 12px;
color: #333333;
text-decoration: none;
}
a:hover {
font-family: Arial;
font-size: 12px;
color: #00CCFF;
text-decoration: none;
}
a:visited {
font-family: Arial;
font-size: 12px;
color: #333333;
background-color: #CCCCCC;
text-decoration: none;
}

change it as I suggested.

--
Dan Vendel - *GOF*
"Eagles may soar, free and proud, but weasels never get sucked into jet
engines."
Contact: http://www.proformica.com/contact.shtml or call/chat me via
Skype ID: danvendel, but DON'T ask questions that you can ask here! (get
Skype at http://skype.com)
Formmail tutorial: http://www.proformica.com/formmail-tutorial.shtml
Nested table demo: http://www.proformica.com/nested-table-demo.shtml

ok.. i changed the css to this but it doesn't work. (thought; each page has
a 'style' too. Maybe this is interfering the css in IE???) h1 {
background-color: #FFFFFF; font-family: Arial; font-size: 16pt; } body {
font-family: Arial; font-size: 12px; color: #333333; } font { font-family:
Arial; font-size: 12px; color: #333333; } table { font-family: Arial;
font-size: 12px; color: #666666; text-align: center; padding: 0px; border:
thin none #FF66FF; position: relative; background-color: #CCCCCC; } a:link {
font-family: Arial; font-size: 12px; color: #333333; text-decoration: none;
} a:visited { font-family: Arial; font-size: 12px; color: #333333;
background-color: #CCCCCC; text-decoration: none; } a:hover { font-family:
Arial; font-size: 12px; color: #00CCFF; text-decoration: none; } a:active {
font-family: Arial; font-size: 12px; color: #333333; text-decoration: none;
background-color: #CCCCCC; }

Works in IE from here, try emptying your cache in IE.

Tom

"deroon" <webforumsuser (AT) macromedia (DOT) com> wrote

ok.. i changed the css to this but it doesn't work. (thought; each page
has
a 'style' too. Maybe this is interfering the css in IE???) h1 {
background-color: #FFFFFF; font-family: Arial; font-size: 16pt; } body {
font-family: Arial; font-size: 12px; color: #333333; } font { font-family:
Arial; font-size: 12px; color: #333333; } table { font-family: Arial;
font-size: 12px; color: #666666; text-align: center; padding: 0px; border:
thin none #FF66FF; position: relative; background-color: #CCCCCC; } a:link
{
font-family: Arial; font-size: 12px; color: #333333; text-decoration:
none;
} a:visited { font-family: Arial; font-size: 12px; color: #333333;
background-color: #CCCCCC; text-decoration: none; } a:hover { font-family:
Arial; font-size: 12px; color: #00CCFF; text-decoration: none; } a:active
{
font-family: Arial; font-size: 12px; color: #333333; text-decoration:
none;
background-color: #CCCCCC; }

Tom, thanks for that!

emptied the cache and happy..