You can get the userAgent, and check the browser, and based on that, you can then define your css.
Follow the example:
if (preg_match('|MSIE ([0-9].[0-9]{1,2})|',$useragent,$matched)) {
$css = "border: solid 5px blue;";
$browser = 'IE';
} elseif (preg_match( '|Opera/([0-9].[0-9]{1,2})|',$useragent,$matched)) {
$css = "border: solid 5px blue;";
$browser = 'Opera';
} elseif(preg_match('|Firefox/([0-9\.]+)|',$useragent,$matched)) {
$css = "border: solid 5px red;";
$browser = 'Firefox';
} elseif(preg_match('|Chrome/([0-9\.]+)|',$useragent,$matched)) {
$css = "border: solid 5px blue;";
$browser = 'Chrome';
} elseif(preg_match('|Safari/([0-9\.]+)|',$useragent,$matched)) {
$css = "border: solid 5px red;";
$browser = 'Safari';
} else {
$css = "border: solid 5px red;";
$browser= 'other';
}
Use as follows:
No $css
I include CSS, and then you can put:
<style>
section#internal.services aside ul li a {
<?php echo $css; ?>
}
</style>
This will import the css correctly.