On the left you will notice the google logo rendered by IE, I drew a black line at the top and bottom of the G which extends into the FF windows which rendered the same exact logo yet the FF version renders the image larger. There is NO css linked to this page, just plain and simple Html.
Can anyone tell me why this is happening and can I prevent it? Is my box just fubar and no one else gets this behavior?
Edit: Failed to mention IE7/FF3
Edit: Posted Html as requested
<!DOCTYPE html PUBLIC '-//W3C//DTD XHTML 1.0 Transitional//EN' 'http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd'> <html xmlns='http://www.w3.org/1999/xhtml'> <head id='ctl00_Head1'><title></title> </head> <body> <img src='http://www.google.com/intl/en_ALL/images/logo.gif' /> </body> </html>
I just created a composite image of screenshots of the Google image in IE, Firefox & Chrome and they’re all in perfect register (top 2 images at 30% opacity).
I believe it has to be a custom zoom you’ve got set in one of your browsers. Check IE’s zoom at the right of the status bar, for example.
(source: mikescommunity.com)