The logo image I have uploaded to my website is 300pixels

The logo image I have uploaded to my website is 300pixels wide, I use css to display it as 140pixels. This works absolutely fine in chrome and firefox but in IE and Safari, when zooming in and out of the webpage the logo becomes fuzzy unless you refresh the page for that particular zoom level.

Question is how can I upload different sizes of the logo and assign them to different zoom levels? Or is there a better solution? Thanks