Hilfe für Slideshow

[Marco66]

Guten Abend.
Ich hoffe das mir vieleicht jemand von den HTML Profis helfen kann. Den folgenden HTML Text habe ich mir von einer Seite geholt(die ich leider nicht mehr finde).
Die horizontale Slideshow funktioniert im Firefox einwandfrei. Bei Safari und Chrome bleibt aber der Slider unter den Bilder unsichtbar. Kann mir ev. jemand sagen wo der Fehler liegt?

div style="width:100%; height: 575px; overflow:auto; font-family: Arial; font-size: 12px; color:transparent; background:transparent;" align="justify">
<div style="width:7320px; height:550px; margin-left:7px;">
<style type="text/css">
.scrollimg {
border-width:0px;
border-color:#ffffff;
border-style:solid;
margin-top:5px;
margin-left:7px;
margin-right:7px;
}
img.horizontal {
width: 825px;
height:550px;
}
img.vertical {
width: 367px;
height:550px;
}
</style>
<img class="scrollimg horizontal" src="http://horizontalgallerys.herzig-fiechter.ch/misc/Bild1.jpg">
<img class="scrollimg horizontal" src="http://horizontalgallerys.herzig-fiechter.ch/misc/Bild2.jpg">
<img class="scrollimg horizontal" src="http://horizontalgallerys.herzig-fiechter.ch/misc/Bild3.jpg">
<img class="scrollimg horizontal" src="http://horizontalgallerys.herzig-fiechter.ch/misc/Bild4.jpg">
<img class="scrollimg horizontal" src="http://horizontalgallerys.herzig-fiechter.ch/misc/Bild5.jpg" style="width:550px; height:550px;">
<img class="scrollimg horizontal" src="http://horizontalgallerys.herzig-fiechter.ch/misc/Bild6.jpg">
<img class="scrollimg horizontal" src="http://horizontalgallerys.herzig-fiechter.ch/misc/Bild7.jpg" style="width:550px; height:550px;">
<img class="scrollimg horizontal" src="http://horizontalgallerys.herzig-fiechter.ch/misc/Bild8.jpg" style="width:550px; height:550px;">
<img class="scrollimg horizontal" src="http://horizontalgallerys.herzig-fiechter.ch/misc/Bild9.jpg">
<img class="scrollimg horizontal" src="http://horizontalgallerys.herzig-fiechter.ch/misc/Bild10.jpg" style="width:550px; height:550px;">
</div>
</div>