Chrome Javascript Conditional Comment

JavaScript
1

I’m using this script to load CSS for just Chrome browsers, but for some reason Firefox and Safari are picking up the styles I’m using only for chrome.css.

Is there something wrong with this?

		<script type="text/javascript">
    if (navigator.userAgent.toLowerCase().indexOf('chrome') > -1);
    document.write('<link rel="stylesheet" type="text/css" href="<?php echo $this->baseurl ?>/templates/<?php echo $this->template ?>/css/chrome.css">');
    </script>
2 
		<script type="text/javascript">
    if (navigator.userAgent.toLowerCase().indexOf('chrome') > -1)[SIZE=4][COLOR="#FF0000"];[/COLOR][/SIZE]
[SIZE=4][COLOR="#FF0000"]Here's your problem ........................ ^[/COLOR][/SIZE]
    document.write('<link rel="stylesheet" type="text/css" href="<?php echo $this->baseurl ?>/templates/<?php echo $this->template ?>/css/chrome.css">');
    </script>

Mistakes like this – that are small, yet hard to spot – are why almost every C-style language style guide recommends that you always use braces, even if the block is only one statement long.

if (navigator.userAgent.toLowerCase().indexOf('chrome') > -1) [SIZE=4][COLOR="#FF0000"]{[/COLOR][/SIZE]
    document.write('<link rel="stylesheet" type="text/css" href="<?php echo $this->baseurl ?>/templates/<?php echo $this->template ?>/css/chrome.css">');
[SIZE=4][COLOR="#FF0000"]}[/COLOR][/SIZE]
3

Beauty! Thank you, Jeff Mott!