Ich habe eine Seite, auf der sich eine Spalte und ein Inhaltsdiv befinden, ungefähr so:

<div id="container">
    <div id="content">blahblahblah</div>
    <div id="column"> </div>
</div>

Mit einigem Styling habe ich ein Bild, das zwischen der Spalte und dem Inhalt aufgeteilt ist, aber die gleiche vertikale Position beibehalten muss, damit es ausgerichtet wird.

Styling ist ähnlich wie folgt:

#column 
{
    width:150px;
    height:450px;
    left:-150px;
    bottom:-140px;
    background:url(../images/image.png) no-repeat;
    position:absolute;
    z-index:1;
}

#container 
{
   background:transparent url(../images/container.png) no-repeat scroll left bottom;
   position:relative;
   width:100px;
}

Dies funktioniert gut, wenn Inhalte in#content wird vor dem Rendern dynamisch geladen. Das funktioniert auch in Firefox immer super. Jedoch in IE6 und IE7, wenn ich Javascript benutze, um den Inhalt (und damit die Höhe) von @ zu ände#content, die Bilder werden nicht mehr ausgerichtet #column bewegt sich nicht). Wenn ich die IE-Entwicklerleiste verwende, um nur das div zu aktualisieren (z. B. Position hinzufügen: absolut manuell), springt das Bild nach unten und richtet es erneut aus.

Ist hier etwas, was mir fehlt?

icky - Hmm, das heißt, in diesem Fall gibt es meiner Meinung nach keine Lösung. Im besten Fall wird es danach ein gezacktes Matchup geben, aber wenn sich mein Inhalt ausdehnt und zusammenzieht, ist das Verstecken / Zeigen nicht praktikabel. Nochmals vielen Dank für die Antwort mit der besten Lösung.