Danke jetzt passiert schon mal was,
es ist zwar noch nicht das was ich will aber es wird schonmal etwas in safari angezeigt. Ich möchte eingentlich dass die nussbaumtischbox sich oben rechts an #content positioniert, im moment geht wird er an #nussbaumtisch positioniert
<body>
<div id="content">
<div id="nussbaumtisch">
<img src="./thumb/nussbaumtisch_tb.jpg" class="thumb" alt="Vorschau Nussbaumtisch" title="Nussbaumtisch"><br />Nussbaumtisch
<div id="nussbaumtischbox">Sofatisch aus Nussholz</div></div>...
#content {
position: absolute;
width: 720px;
height: 520px;
left: 25%;
font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular;
font-size: 10pt;
}
#nussbaumtisch {
position: relative;
width: 120px;
height: 130px;
top: 0px;
left: 0px;
}
#nussbaumtischbox {
display:none;
}
#nussbaumtisch:hover > #nussbaumtischbox {
background-image: url(../nussbaum_tisch.jpg);
display:block;
width: 590px;
height: 440px;
position:absolute;
top:0px;
right:0px;
border:1px dashed black;
padding:0px;
font:normal 14px verdana, sans-serif;
}
}
wie kann ich jetzt #nussbaumtischbox an #content positionieren?