H1 css not working in FF and netscape

[ian_ok]

For some reason my H1 tag is now no longer working in FF and netscape, it shows it as blue and underlined yet in IE all is fine.

Here is my code:
<TD height=21 colspan="5" bgcolor="#336699" class="header"> <div>
<a href="http://www.costaandsierra.com/"><h1>Andalucia properties for sale & rent</h1>
</a>&nbsp;<font color="#33CC33">Costa de la Luz Sanlucar de Barrameda & Sierra
de Grazalema</font></div></TD>

My CSS

h1
{
font-type: Verdana, Arial, Helvetica, sans-serif;
font-size: 14px;
color: #33CC33;
text-align: center;
display: inline;
}

.header
{
font-type: Verdana, Arial, Helvetica, sans-serif;
font-size: 14px;
font-weight: bold;
color: #33CC33;
text-align: center;
}

The site is:
www.costaandsierra.com

Thanks Ian

[fryman]

Looks fine in Opera...

[Lever]

I haven't checked this in IE, but how about adding a new style like....header a:link, a:visited
{
font-type: Verdana, Arial, Helvetica, sans-serif;
font-size: 14px;
font-weight: bold;
color: #33CC33;
text-align: center;
text-decoration: none;
}Then you'll have an anchor state for link and a visited link within the header style...

And don't forget to add any other link states you require, either in this style for the same, or as a new style for different parameters ;)

[Tuning]

I think <a> is overriding your h1 style. You need to create another style for a:link,a:visited such that both are same. But then you have to be careful , other wise your entire page links will be same type.

[ian_ok]

Ok done it, added the code bt Lever removed my .header and then made the text after the H1 tag bold.


Thanks

Ian

[J.D.]

.header a:link, a:visitedDid you mean

.header a:link, .header a:visited {}

Without the second .header, a:visited will apply to all a:visited's.

J.D.

[ian_ok]

Sorry a very tired reply yesterday....after all day testing various things....

This is what I did.

h1
{
font-type: Verdana, Arial, Helvetica, sans-serif;
font-size: 14px;
color: #33CC33;
text-align: center;
display: inline;
}

.headerindex a:link, a:visited
{ font-type: Verdana, Arial, Helvetica, sans-serif;
font-size: 14px;
font-weight: bold;
color: #33CC33;
text-align: center;
text-decoration: none; }

<TD height=21 colspan="5" bgcolor="#336699" class="headerindex"> <div align="center"> <a href="http://www.costaandsierra.com/"><h1>Andalucia properties for sale & rent</h1>
</a>&nbsp;<font color="#33CC33"><strong>Costa de la Luz Sanlucar
de Barrameda & Sierra
de Grazalema</strong></font></div></TD>

Ian