Sign Up to our social questions and Answers Engine to ask questions, answer people’s questions, and connect with other people.
Login to our social questions & Answers Engine to ask questions answer people’s questions & connect with other people.
Lost your password? Please enter your email address. You will receive a link and will create a new password via email.
Please briefly explain why you feel this question should be reported.
Please briefly explain why you feel this answer should be reported.
Please briefly explain why you feel this user should be reported.
Alright, I’m completely stumped by this one. Firefox (FF 11/OS X) is rendering a white line at the bottom of my nav on http://ntcc.johnmbjerke.com/ but it goes away as soon as you hover on one of the items or scroll down the page and come back up.
I’ve messed with every seemingly related item with no luck. Any ideas?
Screenshot here: http://d.pr/5gKE
This is actually not a white line, but rather sub-pixel rendering due to the
background-sizeproperty as the others have correctly identified in their comments above. There is no way to avoid this 1px sub-pixel rendering because it comes from the background-size property and how it is rendering the image.Your best bet is to shift the background-position -1px on the y-axis. This means that the sub-pixel rendering will still happen, but it will occur at the bottom where the 1px of white will not be visible to the user.
Just change your
background-position: center centertobackground-position: center -1pxHere’s a screenshot after the change: http://d.pr/rOX9