Iphone Css hinzufügen

Hallo Leute,

ich habe jetzt, mein Template gebastelt.
nun habe ich nochmal die style.css genommen und für das iphone angepasst.
Habe dann die style.css (die ja nun nur das iphone anzeigt) umbenannt zu style_iphone.css.

Jetzt habe ich folgende Browserweiche eingebaut, damit das ganze funktioniert.

<link rel="stylesheet" type="text/css" href="<?php bloginfo('stylesheet_url'); ?>" media="screen" />

    <?php
    $iphone_stylesheet = str_replace(".css", "_iphone.css", get_bloginfo('stylesheet_url'));
    ?>

    <link media="only screen and (max-device-width: 480px)" href="<?php echo $iphone_stylesheet; ?>" type="text/css" rel="stylesheet" />
    <?php
    if (strstr($_SERVER['HTTP_USER_AGENT'], "iPhone"))
    {
    echo '<meta name="viewport" content="width = 320" />';
    }
    ?>

So, laut der theorie müsste jetzt mein iPhone ein anderes Design anzeigen.

Hab das ganze mit Safari und Firefox User Agent Switcher probiert.

Und der zeigt mir immer noch die normale Seite an.
Was mache ich falsch?