Little jump with generated content on :hover in Gecko

  1. p:hover:after {content:"generated"}

    no jump

  2. p:hover:after {content:"generated"}

    p {font-size-adjust:.53;}

    no jump

  3. p:hover:after {content:"generated"}

    p {font-size-adjust:.53; font-size:1.3em;}

    no jump

  4. p:hover:after {content:"generated"}

    p {font-size-adjust:.53; font-size:1.3em; font-weight:bold;}

    no jump

  5. p:hover:after {content:"generated"}

    p {font-size-adjust:.53; font-size:1.3em; font-weight:bold}

    p:after {font-weight:normal;}

    jump

  6. p:hover:after {content:"generated"}

    p {font-size-adjust:.5; font-size:1.3em; font-weight:bold;}

    p:after {font-weight:normal;}

    no jump

  7. p:hover:after {content:"generated"}

    p {font-size-adjust:.53; font-size:1.25em; font-weight:bold}

    p:after {font-weight:normal;}

    no jump

  8. p:hover:after {content:"generated"}

    p {font-size-adjust:.54; font-size:1.3em; font-weight:bold}

    p:after {font-weight:normal;}

    no jump

  9. p:hover:after {content:"generated"}

    p {font-size-adjust:.54; font-size:1.15em; font-weight:bold}

    p:after {font-weight:normal;}

    jump

tested in FF/Win 2.0.0.1, 2.0.0.4 pre