Problem in Google Chrome bei padding-Prozentwerten

[Gunther]

Hallo!

ich habe folgendes Problem:

Verkleinert man den Viewport im Google Chrome (bei mir auf 544 Pixel Breite), entstehen 1 Pixel große weiße Abstände zwischen einigen Listenelementen. Im IE und Firefox tritt dieses Problem nicht auf.

Wäre toll, wenn jemand eine Idee hat, wie man mein Problem lösen könnte.

Es scheint sich dabei um einen Bug in Chrome zu handeln.

Per Google konnte ich aber nichts Hilfreiches finden.

Eine Variante hat das Auftreten dieses Fehlers aber zumindest drastisch reduziert - siehe: http://jsfiddle.net/7wNTK/2/

Für die LIs einfach folgendes im Stylesheet verwenden:

  
li {  
  padding-top: 2%;  
  padding-top: calc(100% * 0.02 - 1.5px + 1px);  
}  

Irgendwie scheint ihm das "Gefrickel" zu helfen ... - k.A. warum. ;-)

Gruß Gunther