IE 5 dobbler bildet på et stylet h2 element

[Garreth]

Har laget en side som har stylet h2 element med et bilde, det fungerer i FF, IE6 men på IE5.2 på mac så blir bildet dobblet. Egentlig skal det bare være et farge felt "under" bildet (altså ved siden av bildet, når bildet ikke er bredt nok til å fylle hele banneren)

 

Håper det bare er en hack jeg ikke vet om som fikser dette

 

<div id="banner">
  <h2>Dette er bildeboksen</h2>
 </div>

 

#container {
 	width: 760px;
 	margin-left: auto;
 	margin-right: auto;
 	padding: 10px;
 	background-color: #ECF2F5;
 	

}

#banner {
 margin-bottom: 10px;
 background-color: #01A3D4;
}

h2 {
overflow: hidden;
padding: 156px 0 0 0;
height: 0 !important;
height /**/ : 156px; /* leses kun av IE5 */
width: 400px;
background: url(images/TR004989.jpg);
}

 

Riktig:

 

Feil:

 

 

Et tilleggs spørsmål :

 

Safari leser noen bredde instillinger feil. (den klarer faktisk å presse ut innhold som er kodet innenfor en #wrap utover wrap-en. Vanligvis når jeg har 2 kolonner innenfor wrap-en som blir for bredt så faller den ene kolonnen under den andre, men nå bare presser den ut forbi wrapen i Safari) Er det noen "hacks" til Safari?

Endret 23. februar 2005 av Garreth

[kroekkete]

Hva med

background-repeat: none;

?

 

Mvh Primaxx

[Garreth]

Godt forslag, men det hjalp dessverre ikke

[Steinmann]

background-repeat: no-repeat;

[kroekkete]

background-repeat: no-repeat;

Selvfølgelig... Fungerer nok bedre!

[Garreth]

Fungerte heller ikke.

[PoleCat]

background: url(images/TR004989.jpg) no-repeat;

?

[Garreth]

herregud, jeg hadde prøvd med

 

background-repeate: no-repeat;

 

Ikke så veldig rart at det ikke fungerte da

 

 

Takk for hjelpen!