Problem with Links working in Chrome and Firefox Options

[Rockgar]

IE opens the link in this table just fine but chrome and firefox display everything correctly but the links are simply not clickable. Any help would be greatly appreciated!

<div id="e60" style="position:absolute;left:470;top:355;width:153;height:22;">
<table border="0" cellspacing="0" cellpadding="0" width="153">
<tr>
<td nowrap height="22" align="center"><span class="text"><a href="http://www.google.com" target="_blank"><font size="3"><span style="font-size:16px;line-height:19px;">Click here for Google<br soft></span></font></a></span></td>
</tr>
</table>


I have been wanting to fix this for like over a year lol.

[pandy]

Probably the links are overlaid by a positioned box. IE usually allowa clicks through transparent parts of such a box, the others don't. But I really can't tell from the snip you posted, so this is just a guess.

[Darin McGrew]

Can you provide the URL (address) of a document that demonstrates the problem?

[Rockgar]

Can you provide the URL (address) of a document that demonstrates the problem?

Pandy, you are correct. There is a positioned box around the links but Is there a way to keep the box as it provides a desirable design element and add the required link functionality in chrome and firefox?

[Christian J]

You can bring the positioned element in front of other ones with the CSS z-index property.

BTW you should use units in CSS, like "22px".

[pandy]

Pandy, you are correct. There is a positioned box around the links but Is there a way to keep the box as it provides a desirable design element and add the required link functionality in chrome and firefox?

Which also makes the links part of the positioned box. Positioned boxes are automatically on top of non positioned boxes. That is not the problem. I suspect that something else is positioned and covers this box. We can't tell from a snip without context. Can you post the URL to the page in question?

[Rockgar]

Pandy, you are correct. There is a positioned box around the links but Is there a way to keep the box as it provides a desirable design element and add the required link functionality in chrome and firefox?

Which also makes the links part of the positioned box. Positioned boxes are automatically on top of non positioned boxes. That is not the problem. I suspect that something else is positioned and covers this box. We can't tell from a snip without context. Can you post the URL to the page in question?

Here is a URL with the complelete code. You will see the two text links in the box work fine in IE but not at all in Chrome or Firefox.

http://www.20besthosts.com/test.html

[Darin McGrew]

Examining the elements in Chrome, it seems that div#e122 is positioned on top of the links. When I disable the height attribute for this element, it no longer covers the links.

[Rockgar]

Examining the elements in Chrome, it seems that div#e122 is positioned on top of the links. When I disable the height attribute for this element, it no longer covers the links.

Darin that was the problem. Thanks a ton! I had been wondering for quite a while what was causing the non link issue and with more people now more then ever using the other 2 major web browsers it was something I really wanted to fix.