مرحبا
> #box1 a span:hover { display:none; }
Du könntest versuchen, es mit Gewalt auszublenden.
#box1 a span:hover,
#box1 span:hover {
display:none !important;
}
Da ich keinen Mac besitze, kann ich das Problem leider nicht reproduzieren.
und im Body:
Am ende dieses Postinges füge ich ein Copy&Paste-Fertiges Bsp. ein. Die meisten hier helfen gerne, noch lieber helfen wir, wenn das Problem auf schnellstem wege nachvollziehbar ist.
Nope. Safari 2.0.4
Das ding ist ja auch schon ziemlich Alt, lohnt sich hier überhaupt der Aufwand für dieses Modell?
Und hier mal ein Bsp., wie ich das Problem angehen würde:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="de" lang="de"><head><title>Info</title><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<style type="text/css">
#box1 {
position:absolute;
top:150px;
left:120px;
}
#box1 a {
display:block;
}
#box1 a span {
display:none;
}
#box1 a:hover span {
padding:10px;
position:absolute;
top:-50px;
left:-90px;
z-index:1;
background:#EEE;
display:block;
width:200px;
}
#box1 a span:hover,
#box1 span:hover {
display:none !important;
}
#box1 img {
position:absolute;
top:0px;
left:0px;
z-index:2;
width:100px;
height:100px;
border:0 none;
}
</style>
</head>
<body>
<div id="box1">
<a href="#">
<img src="http://t3.gstatic.com/images?q=tbn:jpl3MFK_a1XBQM:http://img3s2.schaefer-shop.de/produktbild/magnet-symbol-pfeil-msde10009323ad1.jpg" />
<span>Beispieltext.
<br>Beispieltext.
<br>Beispieltext.
<br>Beispieltext.
<br>Beispieltext.
<br>Beispieltext.
<br>Beispieltext.
</span></a>
</div>
</body>
</html>
mfg