ich habe im Moment zum erneuten Mal ein Problem mit width:100%.
Die jeweilige Divbox beginnt komischerweise dann nie am Anfang des Browserrandes.
Es liegen meistens so um die 10 Pixel dazwischen...
du bist das ganze leider ne ecke falsch angegangen, mit position:fixed kommst du da nicht weit, das kann der IE nicht.
ich haette das auch nicht über absolute/relative positionen geregelt....sondern lieber
mit "verschachtelten (eigentlich auch nicht wirklich schoen aber anders geht es nicht)"
gearbeitet und dann deine bilder als hintergrund genommen.
den lila bereich haette ich als body-hintergrund genommen, dort dann eine div-box eingebaut und float:left gesetzt, daneben dann eben den content bereich der sich an die breite anpasst.
in der gefloateten box dann eben eine boxen die dein unteres bild einbringt und das bild oben links dann absolut positioniert und die überschrift in eine liste mit padding-top als hintergrund-bild eingebaut.....