I love that Chrome uses Safari’s WebKit engine. I love that the version it uses is more advanced than that which Safari uses, so you not only get to use fancy CSS3-esque features like box-shadow: and border-radius:, but it features the improved Web Inspector.

But I find it rather silly to show rounded corners and drop shadows if you have this problem (Safari also shown for comparison):

Safari 3.0	Chrome 1.0

Remember, Chrome and Safari use the same layout engine. This bug only shows up when you use box-shadow: and border-radius: together .. in Chrome.

When IE & FireFox can’t show either the shadows or rounded corners, they at least fail gracefully.

If anyone has found a way to make Chrome behave, I’d love to hear about it. I’d like to be able to recommend people to a Windows browser (other than the awkward-on-that-platform Safari) in which to view my work with optimal presentation.

Inline CSS Editing

This is the biggest new feature of the Inspector. You can now edit CSS styles simply by double-clicking them in the Inspector’s Styles sidebar. This is really handy for tweaking the look of your site live in the browser.

It’s referred to again in the Safari 3.1 release notes, but I can’t get it to work in the final downloaded version, though it still works in the WebKit nightlies. Perhaps the feature was deemed yet too unpolished for official release — there are still a lot of bugs reported on it, and FireBug’s CSS editor is arguably better (and MacRabbit’s CSSEdit even more so!).

P.S.: The future of the Web Inspector looks even better.