dooted border i Safari

Hej på er!
Har stött på ett problem jag inte kan lösa..

Safari ger en extra punkt i varje hörn om man har dotted border på en specifik sida och detta ser inte bra ut!

Har hittat en sida på nätet som säger sig ha löst detta.

Enligt denna människa så måste man specifisera alla sidors border-style.
dvs -->
border-color: black;
border-width: 1px 0px 1px 0px;
border-style: dotted none dotted none;

om top och botten ska ha borders

http://old.macedition.com/cb/resources/safari/bordertest1.html

Men detta fungerar inte för mig, vad kan jag ha gjort för galet??

Finns det någon som stött på detta tidigare?

Ingen som har någon aning?

Det borde verkligen finnas något vackert hack för detta.

Är inte så sugen på att repetera en bakgrunds bild

Testa att byt dotted till dashed, vet att hörnen blir mycket snyggare då.

Safari sätter en prick i varje hörn och fyller sedan i mellan dem med början från vänster eller uppifrån. Om längden på sidan går jämnt upp med avståndet mellan varje prick kommer den sista att flyta ihop med hörnpricken. Det gällar alla sidor. Andra webbläsare gör olika med hörnen. FF t.ex. börjar medsols och ritar ut det som får plats vilket kan flyta ihop eller fattas i hörnen.

Det finns ingen fix för det annat än att justera boxens storlek. Snyggast för alla webbläsare blir att justera så att längden delat med den valda tjockleken på bordern blir ett ojämnt antal. T.ex en 2px dotted border blir snyggare med sidlängden 98px eller 102px istället för 100px.

aha

Tack för er svar! Nu förstår jag.

Eftersom mina boxar kan variera i höjd och bredd så kommer jag inte kunna beräkna dess dimensioner. Jag får helt enkelt använda mig av en repeterande bakgrunds bild.

Tack!