Extra white borders on CSS image background in IE6

Question

When this page is viewed in IE6, you will see extra left and right white borders on the button:

http://pastehtml.com/view/1aycieg.html

They don't appear in other browsers (e.g. IE7, IE8, Chrome, Firefox).

I have been trying hard to fix it by changing the margin and padding values of the <li> and <a> tags but still no success.

I would like to avoid changing the HTML markups if possible.

Anyone got some ideas on this?

Many thanks to you all.

Answer 1

Ie6 does not support png transparency. What should be transparent is white and you are seeing that. You could try pngfix