Footer soll teilweise skalierbar

Hallo,

skalierbar ist eventuell der falsche Ausdruck... auf jeden sieht mein Footer folgendermaßen aus:

[Blockierte Grafik: http://img709.imageshack.us/img709/5/footeri.gif]

und ich möchte folgendes umsetzen:

Das Logo rechts soll am rechten Rand festsitzen. Der gesamte Footer hat einen festen prozentualen Abstand zum unteren Browserrand. Wenn man das Fenster verkleinert, soll sich das Logo nach links verschieben. Aber nur so weit bis es die Faxnummer berührt. Es soll sozusagen "andocken". Habe bis jetzt alles umgesetzt, bloß wenn man das Fenster verkleinert und das Logo sich verschiebt dann wandert das Logo bis maximal zum linken Rand. Soll aber wie gesagt bei der Faxnummer andocken.

Hier die Styles:

#footerLogo {
height:92px;
width:328px;
float: right;
z-index: 5;
bottom: 6%;
right: 0%;
position:fixed;
background-image: url(images/footer.gif);
}

#footerLeft {
height:92px;
width:100%;
z-index: 5;
bottom: 6%;
left: 0%;
position:fixed;
background-color: #05758d;
}

Wäre super wenn ihr mir helfen könntet und danke im voraus!

MfG

Danke, das ändert aber leider nichts.

Es soll ja der Bereich zwischen der Faxnummer und dem Logo skalierbar / verkleinerbar sein