IE Position: relative Anzeige als ob Position: static

Question

Ich habe folgende html (Auszug aus größerer Code-Basis)

<div class="diary-event ui-corner-all" title="[title]">
    <span id="delete"></span>
    <div class="diary-event-title ui-corner-all">[title]</div>
    <div class="diary-event-body ui-corner-all">
        <p class="hyphenate">[body]</p>
    </div>
</div>

(wobei [title] und [body] sind Strings dynamisch generierte)

und das Styling hierfür ist wie folgt:

.ui-corner-all
{
    -moz-border-radius:4px 4px 4px 4px;
}
.diary-event
{
    display:block;
    height:100%;
    position:relative !important;
    vertical-align:top;
    width:100%;
    word-wrap:break-word;
}
table *
{
    margin:0;
    padding:0;
}

#diary-grid
{
    border-collapse:collapse;
}
body
{
    font-family:Arial;
}

Jetzt in Firefox, Chrome und den meisten anderen Browsern, die relative Positionierung dieser div Mittel, um es mit dem Rest der Seite scrollt, keine Probleme, aber aus irgendeinem Grund in IE 6 und 7 wirkt es, als ob die Positionierung statisch ist ( IE 8 funktioniert gut).

An keiner Stelle / any / der CSS-Dateien ist die Position als statisch bezeichnet, und ich habe mich gefragt, ob jemand über dieses Problem gekommen ist, bevor, und wenn ja, wie ich es beheben kann.

-Matt

.: UPDATE:.

Nur ein Update auf diesem, habe ich festgestellt, dass das Problem ist, wo JQuery die Positionierung direkt in die ‚Stil‘ des Haupt div injiziert:

start: function(event, ui)
{
  --->  $(diary_event).attr('style','position: relative'); <----
    diary_event = $(this);
    diary_event_parent = $(this).parent();
}

aber wenn ich diese entfernen bricht es die Möglichkeit, wieder ziehen eine abgelegte Element genau in allen anderen Browsern außer IE,

Mit anderen Worten, ich habe festgestellt, wo das Problem liegt, aber nicht, wie es zu beheben> _ < -Matt

Answer 1

Es ist aufgrund eines Fehlers in IE6 & 7. Sie haben gerade Position hinzufügen: in Bezug auf den „Körper“ Element (nicht Ihr „Körper“ Platzhalter). http://friendlybit.com/css/ie6-resize-bug/

Hope, es hilft!