chrome speicific css fixes
So I haven't really seen any good css fixes/hacks out yet that target Chrome, and this isn't one either in the purest sense, but it's a decent alternative that works in most cases. It's still all front-end, for those that can't use something like server-side browser detection, and doesn't require any extra js libs.
Basically we're just detecting the user agent using javascript and adding an external style sheet file for chrome only. There's already fairly decent hacks out there for Safari that can also work for chrome since it's a WebKit based browser, but I've personally noticed a few differences....so you have this:
<script type="text/javascript">
var is_webkit=navigator.appVersion.indexOf('WebKit');
var is_chrome=navigator.appVersion.indexOf('Chrome');
if((is_webkit != -1) && (is_chrome == -1)) {
document.write('<link href="css/safariPatches.css"
rel="stylesheet" type="text/css" >');
}
</script>