div inside table - problem with Safari?

[Trusts]

Hi All,

First, yes I know tables should go, but I am handed someone else's work and a limited budget. So the issue I am having is that I put a div in a td - and the div is in the css file and doing what it should - in IE and Firefox. Safari on the other hand seems to ignore the styling provided through the div.

In the .css file is this:

a {color: #FFFFFF;text-decoration:none;}
a:hover {color: #F81222; text-decoration: none;}


#emaillink {
font-size:0.85em;
text-decoration:none;
color:#333333;
}

#emaillink a {
font-size:0.85em;
text-decoration:none;
color:#333333;
}
#emaillink a:hover {
font-size:0.85em;
text-decoration:none;
color:#F81222;
}


In the web page is this:

<td>
<div id="emaillink">
Inquiry email: <a href="mailto:mail@zzzzzz.com">mail@zzzzzzzzz.com</a>
</div>
</td>

In the CSS, links are white (FFFFFF) until rolled over - then they turn red. That works for other parts of the page where the background is blue, not white.

The footer is white - which is where the td and div are from. I am trying to have the link (a) be darker (333333) in the footer - when not being rolled over.

The desired colors and the smaller font size too - work in IE and FF. In Safari neither work, there is just larger text and the link is invisible until rolled over. It is invisible as it is using the regular a style of FFFFFF. The div is ignored.

Is there a fix for this? I could redo the layout of the pages, but am trying to avoid it as I am not making much on this project.

Thanks,
KB

 

[Vragabond]

There's nothing that seems wrong here. I would expect it to work. However, there might be something else affecting Safari that we cannot see. Would you be able to show us the link so that we can see this issue ourselves?

[small]Do something about world cancer today: Comprehensive cancer control information at PACT[/small]

 

[BabyJeffy]

Validate the page against the free w3c validation service. This smells like a validation issue to me.

Cheers!
Jeff

[tt]Visit my blog [!]@[/!]

http://www.coderambler.com/

Visit Code Couch [!]@[/!]

http://www.codecouch.com/

[/tt]

Make sure your web page and css validates properly against the doctype you have chosen - before you attempt to debug a problem!

FAQ216-6094