2 Safariprobleme / bg-Wechsel und float/clear

[Elya]

Hallo,

Ich weiß, die Schnittmenge Safariuser/CSS-Lover ist nicht so groß, aber vielleicht findet sich ja jemand, der sich meiner zwei Probleme annehmen kann. Zu besichtigen unter http://www.visuelya.de/test/paracomp/pages/team.html oder, für die nicht-Safari-User, auf dem Bild unten.

a) Navigation: Bild"wechsel" durch Verschiebung des Hintergrundbildes. Safari "kachelt" das Hintergrundbild trotz no-repeat. Ein ähnliches Problem tauchte hier vor ca. einer Woche mal auf, aber in einem anderen Browser und in Verbindung mit einem Rechts-Links-padding, ich kann es leider nicht wiederfinden. Ich hab schon versucht, das Problem zu reduzieren, aber es klappt nicht so recht.

b) Das Floatproblem im Mittelteil läßt sich reduzieren auf:

<h3>titel</h3>
  <p><img style="float:left;" /> text text </p>
 <hr style="clear:both;"> (oder auch: clear:left;)

<h3>titel</h3>
 <p><img style="float:left;"/> text text </p>
 <hr style="clear:both;">

<h3>titel</h3>
 <p><img style="float:left;" /> text text </p>

Das jeweils erste "clear" verursacht den großen Abstand. Egal in welchem Element es verwendet wird.

Die beiden Probleme tauchen, soweit ich das prüfen konnte, nur unter Safari auf. Selbst IE5.2 unter Mac zuckt nicht mal...

Kann mir noch jemand folgen? Tim, at, Cheatahs Mama...: help!

Danke für ein bis zwei Denkanstöße.

Gruß aus Köln-Ehrenfeld,

Elya
P.S: Die Seite ist noch nicht komplett valide und rund, alles noch in Arbeit.

http://www.visuelya.de/test/paracomp/css/styles.css
<img src="http://www.visuelya.de/selfpics/paracomp.jpg" border="0" alt="">