Topic: IE Ignoring CSS (yeah I know, when isn't it?)

I have a simple few class settings in my CSS:

.storytitle a {

	color: #FEE3C8;

	text-decoration: none;

	border: none;

	

}



.storytitle a:hover {

	color: #CB786A;

	border-bottom: 1px none #c0c0c0;

}



.storytitle a:visited {

	color: #FEE3C8;

	border-bottom: none;

}

In Every browser they show fine. (the links) But in IE its showing the normal Body's link properties..if I remove the normal body link properties it shows the dreaded purple underline link. WHy is it ignoring the CSS?

The code where it is displayed is part of WP PHP and it's as follows:

<h13 class="storytitle" id="post-<?php the_ID(); ?>"><a href="<?php the_permalink() ?>" rel="bookmark" title="Permanent Link: <?php the_title(); ?>"><?php the_title(); ?></a></h13>

You can see H13 and storytitle as the class.. Maybe I have an error here making IE be lame.

Any help would be appreicated..thanks in advance.

the link pseudo classes must be in a partiuclar order

quote:

---

To ensure that you see your various link styles, you're best off putting your styles in the order "link-visited-hover-active", or "LVHA" for short.

---

<h13> !? there's no such thing. The hearders goes from H1 to H6. But yes, DL-44 is right, put your pseudo classes in the LOVE-HATE order.

Hrm..hehe Didn't know they could only go to H6..I just did a trial error on it and H13 worked..so I thought it was fine..

I will try the other that you mentioned LVHA.

Thanks.

The problem you're having is that IE appears to be throwing out the h13 tag because it doesn't recognize it, so there is no .storytitle to descend from.

Firefox on the other hand says ok, here's a tag with a class, no default appearance, and renders it according to your css

^ that very well may be, but it wil also cause problems if the declarations are not in the right order.

Just so you all know, I removed the h13 and changed it to h6..and I put the others in the right order. All is well now.

Thanks again.

(Edited by Shifter on 01-29-2005 05:28)