Background & Infobox

[INTCASE]

Hi,

also, ich hab da mal ne Frage und ein Problem.

Zur Frage, ist es möglich, einem div gleich 4 background-img zugeben, sowie z.b. bei bordern, wo ich dann beispielsweise sagen kann, border-top; border-right; border-bottom; border-left; ?

Und mein derzeitiges Problem hab ich mit der Infobox von Selfhtml, ich hab dem a tag, das vor dem hovern zu sehen ist, ein background img zugewiesen, das ist aber erst nach einmaligem klicken zu sehen, so sieht der CSS code aus:

#box a {
text-align: center;
color:#000;
 background-image: url('../bild/backbox.gif');
 background-repeat: no-repeat;
text-decoration:none;
display:block;
width:150px;
height:25px;
padding:4px;}

#box a:hover {
color:black;
display:block;
 background-image: url('../bild/backbox.gif');
 background-repeat: no-repeat;
padding-top:4px;
text-decoration:none;}

#box a span {display:none;}

#box a:hover span {
position:absolute; top: 341px; left: 31.3%;
text-decoration:none;
display:block;
width:460px;
height: 160px;
padding-top:22px;
text-align: center;
color:black;
font-size: 17px;
background-image: url('../bild/spanback.gif');
 background-repeat: no-repeat;
}

im HTML formular ruf ich das ganze mit dem befehl:

<div id="box"><a href="#">Infobox<span>Text</span></a></div>

nur wie gesagt, das background img geht erst nach einmaligem klicken. Selbst das hovern Funktioniert, und das Bild, das für das hovern bestimmt ist wird beim hovern angezeigt, darum versteh ich auch nicht, was ich falsch mache.

Danke im voraus.

Grüße,
Engin
 GYRO