Bilder im Header mit Seite wechseln - geht nicht

Ja ich habe schon in der Suchfunkttion nachgeschaut und auch schon einiges gebastelt - siehe unten - aber es funktioniert nicht.
im css ist der Header und das Bild wie folgt angezeigt:
/* begin Header */
div.Header
{
margin: 0 auto;
position: relative;
z-index:0;
width: 898px;
height: 348px;
}

div.Header-jpeg
{
position: absolute;
z-index:-1;
top: 0;
left: 0;
width: 898px;
height: 348px;
background-image: url('images/Header.jpg');
background-repeat: no-repeat;
background-position: center center;
}
/* end Header */

in der header.php habe ich das dann so vor dem TITLE eingebaut:
<style type="text/css"><!--
<?php if (is_page('Über uns')) { ?>
.Header .Header-jpeg {
background-image: url(<?php bloginfo('stylesheet_directory'); ?>/images/header2.jpg) no-repeat;
}
<?php } elseif (is_page('Unser Service')) { ?>
.Header .Header-jpeg {
background-image: url(<?php bloginfo('stylesheet_directory'); ?>/images/header3.jpg) no-repeat;
}
<?php } ?>
//--></style>

Habe ich das div aus css falsch in die php eingebunden? Oder die Seiten ID falsch? "Über uns" ist page_id=2 z.B.

Die bilder sind richtig benannt und im imgages Ordner des themes.
Wäre toll wenn mal einer drauf schaut.
Vielen Dank!

Danke Bambaataa!
Habe jetzt Deine Ratschläge probiert, siehe unten, aber weder die ID noch die unterschiedlichen Pfadangaben haben geholfen?
Ist es richtig, wie ich die id angegeben habe?
Der Pfad muss doch von der header Datei zum Bild angegeben werden, oder?
<?php if (is_page('id=2')) { ?>
<style type="text/css">
.Header .Header-jpeg {
background-image: url(images/header2.jpg) no-repeat;
</style>
}
<?php } elseif (is_page('id=14')) { ?>
<style type="text/css">
.Header .Header-jpeg {
background-image: url(images/header3.jpg) no-repeat;
</style>
}
<?php } ?>

Dann muss ich wohl doch an Deine dritte Lösung trauen...
Liebe Grüße