RESOVED: Distorted Logo in Chrome 7.0.5 - OSX 10.6.5 A CSS Answer?

SOVLED: Update - was a browser problem.


Hi all,

Exhausted my research here and else, if else post here. Image distortion problem.





/* logo styling */
h1.logo,
div.logo-text { float:left; padding:0 10px 0 0; background:#f4f2ef; }
h1.logo { width:210px; height:85px; background:#f4f2ef url('../images/logo.png') no-repeat 0 0; padding:0; }
h1.logo>a { text-indent:-999em; display:block;width:150px;height:100%; }
div.logo-text h1 { font-size:18px; line-height:26px; height:26px; color:#6b6459; text-transform:uppercase; }
div.logo-text h1 a { color:#6b6459; }
div.logo-text h1 a:hover { text-decoration:none; }
div.logo-text p { font-size:11px; line-height:14px; height:14px; color:#6b6459; text-transform:uppercase; letter-spacing:0.65px; }
/* if you've change logo size - please change also below dimensions */

Note: Could not find the "change below regarding dimensions.

Have also added:

h1.logo {margin-top: -31px}
div.head {margin-top: -50px} per another forum post to manage placement.

Thank each of you!

- David

Hi

Sorry I do not understand. What is wrong with this logo? I see it completly the same at all browsers from both examples ;/

The problem is intermitent, and I want to blame it on screen zoom feature on my Mac OS. Thank you!