firefox - SVG Icons only blurry on Horizontal Centered Div -


for wordpress theme use svg icons whichs works pretty expect problems firefox. icons (16px 16px) getting blurry if in container gets centered horizontally. (chrome fine)

this how in centered mode: (blurry, @ + ) http://cl.ly/image/0x2x361k3u0u

this how if not centered: http://cl.ly/image/2g2d2n1m3m0k

my container centered via margin: 0 auto , got width of 1170px.

i assume bit ol flash problems center , picture maybe sits on half pixel values 145.5 , gets blurry. guys know workaround this?

ps: these inline svg, here example ( + ):

<svg version="1.1" id="ebene_1" xmlns="http://www.w3.org/2000/svg"xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"width="16px" height="16px" viewbox="0 0 16 16" enable-background="new 0 0 16 16" xml:space="preserve"> <polygon points="1,7 7,7 7,1 9,1 9,7 15,7 15,9 9,9 9,15 7,15 7,9 1,9 "/> </svg> 

thanks lot in advance. :) michael

this fixed in firefox 24 patch in bug 600207. can download nightly or aurora see difference.


Comments