I am trying to make a wordpress theme but am having some trouble. When I place images or set distances, they show up larger when I look at them in the browser.
What I doing is making a <div> and then in the css file I set the width, height and, background. But when I open the page to see how it looks my, lets say, 50 x 50 px image is now 55 x 55 px and blurred. The jpg I'm using is 50 x 50. I set the sizes in the css file as 50 x 50. Why is it displaying like this?
Also, this problem is not due to it being a .jpg. When I set the height of a div box to 50 px it displays as 58 px.
Here's an image depicting the problem:
http://imgur.com/odrhc.jpg
What I doing is making a <div> and then in the css file I set the width, height and, background. But when I open the page to see how it looks my, lets say, 50 x 50 px image is now 55 x 55 px and blurred. The jpg I'm using is 50 x 50. I set the sizes in the css file as 50 x 50. Why is it displaying like this?
Also, this problem is not due to it being a .jpg. When I set the height of a div box to 50 px it displays as 58 px.
Here's an image depicting the problem:
http://imgur.com/odrhc.jpg