Fix status icon vertical position on webkit browsers

It's not the nicest hack in the world, given that it exploits
differences between browsers that may not exist in future versions of
those browsers, but it keeps the various status icons from floating half
a line above where they should be in the sitemap table when viewed on
Safari or Chrome.

For more details, see
http://www.webmonkey.com/2010/02/browser-specific_css_hacks/

public/stylesheets/cms/sitemap.css

@@ -232,6 +232,17 @@ margin: -17px 0 0 -2px;
 position: absolute;
 * margin-top: -3px;
 }
+/* Nasty hack to fix status icon vertical position on webkit browsers */
+/* See http://www.webmonkey.com/2010/02/browser-specific_css_hacks/   */
+@media screen and (-webkit-min-device-pixel-ratio:0) {
+  #sitemap ul.rootlet ul .sitemap_published_status div, #sitemap ul.rootlet ul .sitemap_hidden img, #sitemap ul.rootlet ul .sitemap_access img{
+    margin-top: -2px;
+  }
+  #sitemap ul.rootlet .sitemap_published_status div, #sitemap ul.rootlet .sitemap_hidden img, #sitemap ul.rootlet .sitemap_access img{
+    margin: 0 0 0 -2px;
+  }
+}
+
 #sitemap ul.rootlet tr.doubled .sitemap_hidden img, #sitemap ul.rootlet tr.doubled .sitemap_access img {
 * margin-top: 5px;
 }
@@ -387,4 +398,4 @@ div.over .str {
   height: 2px; 
   width: 2px; 
   background: url(/images/cms/sitemap/corners_hover.gif) no-repeat -1px 0px
-}
+}