I am having a huge headache of a problem. I have almost completed the following site http://www.gp-a.co.nz Stylesheet is at http://www.gp-a.co.nz/wp-content/themes/gp-a002/style.css The issue arising is on the first page, I have a series of large links <a> which house a <div> and various text <h2> elements for a subtle grey rollover effect. The page renders perfectly in Safari and IE(i can't believe it) but incorrectly on both Mac and Windows versions of Firefox 3. Unsure of Firefox 2. I have tried numerous scenarios. Tables, more div's, a unordered list etc. Each time it messes up in Firefox. The odd thing is the error only occurs with a certain project in the list about 50% of the time (1 out of 2 refreshes). This project is set out in the same way as each other project in the list. In fact each is generated using a PHP loop. So they are exactly the same. If I try an alternate layout method errors occur with different projects. Weird. What am I doing wrong? Or - have I come across a firefox bug. If so - how do i get around it or are there alternatives? Thanks
Please go here: ht tp:// validator (dot) w3 (dot) org/ and validate your page first, then fixes the errors. You will be surprised to know that your page has more than 200 validation errors. After you fix all of those errors, it might happen to you that the main problem with link is gone.