Problema con CSS condicional para iPad/iPhone

[chandelier23]

Estoy teniendo problemas con el index.php de mi Joomla. Intento añadir un condicional que cargue y machaque unos estilos del CSS principal sólo cuando detecte un iPad/iPhone.

• Los condicionales de IE9/IE7 funcionan bien. Sólo se cargan cuando toca.
• El CSS principal es el de template.css, carga correctamente como base.
• El condicional del HTTP_USER_AGENT es el que me da problemas. Se carga SIEMPRE, sea o no un iPad/iPhone.

Tengo unos conocimientos de programación muy básicos, y no he conseguido adaptar los ejemplos que he encontrado en este y otros foros. Agradecería mucho un cable.

Código:

(...)
<!--[if lt IE 9]><script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script><![endif]-->
    <link rel="stylesheet" href="<?php echo $templateUrl; ?>/css/template.css" media="screen">
    <!--[if lte IE 7]><link rel="stylesheet" href="<?php echo $templateUrl; ?>/css/template.ie7.css" media="screen" /><![endif]-->

 
<!--if expr="(${HTTP_USER_AGENT} = /iPhone/ || /iPad/)"-->
<style type="text/css">
<!--
html {-webkit-text-size-adjust:none}
.audio1_html5.whiteControllers {
border-bottom-left-radius: 0px !important;
border-bottom-right-radius: 0px !important;
}
-->
</style>
<!—-#endif -->
(...)