The easiest way to describe this issue is via an image:

(Attached)

I tried to fix it myself, but I can't find where that is set.

This bug happens on Firefox 3.6.12, but not on Google Chrome 7.0.517.41.

CommentFileSizeAuthor
kanji_bug.png4.41 KBksoviero

Comments

ksoviero’s picture

ksoviero commented

ETA:

This bug also appears under Opera 10.63 (Latest).

Also, I didn't notice this the first time around, but the spacers between the links also extend the extra pixel on both Opera and Firefox, but not Chrome.

donnycarette’s picture

donnycarette commented
Assigned: Unassigned » donnycarette
Category: bug » task
Status: Active » Needs work

Hi Kevin,

Thanks for the info!
While using Opera 10 i did notice the bug, but not on Firefox 3.6.12 (Are you on Mac or Windows?)
I will fix this in the next release, but for now you can fix this by adding the following css at the style.css file

body:nth-of-type(1) #primaryMenu ul.sf-menu li a {
  padding-bottom: 13px; // Opera, Chrome, Safari
}
@media screen and (-webkit-min-device-pixel-ratio:0) {
  #primaryMenu ul.sf-menu li a {
    padding-bottom: 14px !important; // Chrome, Safari
  }
}
ksoviero’s picture

ksoviero commented

Thank you very much!

I am using Firefox on Ubuntu (Linux) 10.10.

donnycarette’s picture

donnycarette commented

Now tested on Ubuntu and indeed, i should have done this earlier.
There's no need to use the hacks above, instead you can fix this by changing the body font-family
Place font-family: Arial, Verdana, Helvetica, sans-serif; inside style.css line number 6 (body)

Tested on my own site where i removed the css hacks from above.

donnycarette’s picture

donnycarette commented
Status: Needs work » Fixed

Fixed

donnycarette’s picture

donnycarette commented
Status: Fixed » Closed (fixed)

Fixed in the new 6.x-1.2 Release