I have an issue that seems to be common, but can be caused via various ways.

On my project's website ( http://tinyurl.com/6z4kccm ) adding products to the dock in the left and changing the quantity does not cause issues. However when I open my project in a non mozilla browser the <p class="count"> element (product quantity) causes me headaches. It's one pixel too low and I cannot seem to resolve this..

Ofcourse an ugly hack is possible with jquery, but I know this is likely caused by inproper clearing floats or line-height, I hope someone can shed some light on this, it's been bugging me for hours.

2 answers


fixed by setting line-height of the element to 14px, which still seems hackish..

Answered over 8 years ago by DevShed
  • Personally I don't think this is too hackish, setting a line-height on specific elements is fine :) danwellman over 8 years ago
  • But it doesn't do the job, Firefox will still do it wrong! Marcel over 8 years ago
Marcel 57

I discover that bug in Firefox all the time. and yes it's definitely Firefox, the faulty one. I had that issue in a li based navigation. Webkit did 10+10+16+12=48 which is right of course, but the guys at Mozilla don't seem to be good in maths, cause on Firefox it's 10+10+16+12=49 O_o, and what can you do? Nothing! But i suggest to make it right for Webkit, cause these guys did the job right. I'm looking into a beautiful future where only Webkit Browsers Safari and Chrome have survived!

Answered over 8 years ago by Marcel