How do I make these <a>'s work for Firefox instead of just Internet Explorer 6 <p>This code only works for Internet Explorer 6, I don't know how to make it work for Firefox. I'm using hyperlinks that contain table rows to change the content on the page. However, on firefox the links become unclickable...</p> <p>Here is the CSS:</p> <pre><code>#sidebar {display:block; top:116px; left:11px; width:150px; position:fixed;} .sidebarLink a:hover td { cursor:pointer; background-color:#f60; color:#fff; border: 1px solid #f60;;} .sidebarLink td{background-color:#fff; color:#f60; border: 1px solid #ccc;;} .sidebarLink {font-family: sans-serif; font-weight: bold; font-size: small;} </code></pre> <p>And the HTML:</p> <pre><code>&lt;div id="sidebar"&gt; &lt;table style="table-layout: fixed; word-wrap: break-word border-collapse: collapse;" class="sidebarLink" cellpadding="5" cellspacing="4" width="150"&gt; &lt;a href="index.php?test=table1"&gt; &lt;tr align="middle"&gt; &lt;td&gt;Link 1&lt;/td&gt; &lt;/tr&gt; &lt;/a&gt; &lt;a href="index.php?test=table2"&gt; &lt;tr width="90" align="middle"&gt; &lt;td&gt;Link 2&lt;/td&gt; &lt;/tr&gt; &lt;/a&gt; &lt;/table&gt; &lt;/div&gt; </code></pre> <p>I could turn this into a form with buttons and style the buttons to look like I have the table right now. The problem is that causes a performance issue with the table itself and the onHover feature so it would be great if someone knows a way to make this function in firefox.</p>