border-image steekt uit in Chrome

Status
Niet open voor verdere reacties.

MrHook

Gebruiker
Lid geworden
28 dec 2008
Berichten
354
Hallo,

Ik ben bezig met een hele simpele website. Als ik de header een border image geef, zoals te zien op de foto, steekt de border 6px uit aan de rechter kant. Dit is alleen op Google Chrome. Weet iemand een oplossing?

Bijgaand een knipsel uit Google Chrome:

Knipsel.jpg

Code:
header {
	height:150px;
	width:960px;
	border:none;
	border-top:5px solid transparent;
	border-bottom:5px solid transparent;
	border-left:none;
	border-right:none;
	-webkit-border-image:url(../img/borderHor.png) 100% 5 round; /* Safari 5 */
	-moz-border-image:url(../img/borderHor.png) 100% 5 round; /* Old Firefox */
	-ms-border-image: url(../img/borderHor.png) 100% 5 round; /* Internet Explorer */
	-o-border-image:url(../img/borderHor.png) 100% 5 round; /* Opera */
	border-image:url(../img/borderHor.png) 100% 5 round;
	background:url("../img/header1.jpg") -3px top no-repeat;
}
 
Hoi MrHook. Ik heb geen oplossing maar misschien wel een idee wat je op weg kan helpen. Volgens mij heeft het te maken met borderHor.png omdat die herhaald wordt en een bepaalde afmeting heeft.
Heb je linkje naar (test)website? Dat maakt onderzoek makkelijker.
 
Status
Niet open voor verdere reacties.
Terug
Bovenaan Onderaan