[CrazyLexx]

Hallo zusammen,

habe ein seltsames Problem beim neuen Layout meiner Seite (Test Link). Das alte Template des CMS verwendet Tabellen, um die weißen Kästen für den Inhalt zu generieren und möchte nun eine kleine Grafik jeweils in die linke obere Ecke ÜBER der Tabelle anzeigen lassen. Habe dazu einfach die Grafik in einen Div Container gepackt und mit ungefähr folgendem Code eingebaut:

<!-- START Kasten-->
<table width="665px" border="0" align="center" cellpadding="0" cellspacing="0" tyle="position:relative;">
 <tr style="height:7px">
  <td style="background-image:url(images/box_ol.gif);background-repeat:no-repeat;background-position:top left;height:7px;width:7px;">
	  <div style="position:absolute;z-index:20;">
	  <img src="images/box_title_news_test1.gif"alt="NEWS"></div>  
	  </td>	  
  <td style="background-image:url(images/box_o.gif);background-repeat:repeat-x;background-position:top center;"></td>

Die eigentliche Tabelle ist also mit "position:relative" auf der Seite positioniert und der Div "absoulute" zu dazu.

Wenn ich nun die Seite zum ersten Mal aufrufe, wird das gesamte Layout irgendwie nach unten verschoben. Der erste Kasten wird dann nicht mehr oben bündig sondern auf der Seite weiter unten angezeigt und die DIV Container hängen auch plötzlich irgendwo mitten in den Tabellen. Wenn ich aber anschließend die Seite im Browser (IE7) neu lade oder aufrufe, wird plötzlich alles wie gewünscht angezeigt. Jemand eine Idee, was ich da falsch gemacht habe oder was die Ursache für dieses Problem sein könnte?

FALSCH:


RICHTIG: