Firefox having issues with large link layout

Discussion in 'CSS' started by n1cked, Jul 15, 2008.

  1. #1
    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
     
    n1cked, Jul 15, 2008 IP
  2. garyc40

    garyc40 Peon

    Messages:
    115
    Likes Received:
    5
    Best Answers:
    0
    Trophy Points:
    0
    #2
    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.
     
    garyc40, Jul 17, 2008 IP