CSS-hjälp önskas: knepiga kanter i IE6/win

Jag har ett problem med helt vanliga kanter, borders, på element i IE. Här är min exempelsida:

http://adrianb.info/test/ieboxborder/

Såhär blir resultatet i IE 6 (i windows) resp Firefox (på mac):

Jag fattar inte varför det blir kryss i vänstra nedre hörnet på ett helt vanligt element med border. Ännu tokigare, som synes i det nedre högra hörnet, är att om jag har två olika kantfärger så blir det en pixel fel där, men inte om jag har samma färg! Vad beror detta på? Hur löser man det?

Jag har skalat ner CSS:en till en mycket grundläggande sådan:

body {
	padding: 10px;
}

#boxes div {
border: 1px solid black;
width: 100px;
margin: 10px;
}

#boxes .box1 {
border-right: 1px solid black;
border-bottom: 1px solid black;
}

#boxes .box2 {
border-right: 1px solid black;
border-bottom: 1px solid red;
}

#boxes .box3 {
border-right: 1px solid red;
border-bottom: 1px solid black;
}

#boxes .box4 {
border-right: 1px solid red;
border-bottom: 1px solid red;
}

Njae... men kör jag strict så validerar inte target="_blank" och det används på sidan, så därför körde jag transitional.

Men även om jag kör strict så får jag samma fel, hursomhaver.

Jo, jag känner till javascript-varianten och den fungerar ju, dock hjälper den inte i mitt fall för jag har inte kontroll över all kod på sidan det handlar om. (Om jag får välja själv så ska man inte öppna några länkar i nya fönster alls - det är ju skadligt - men säg det till kunderna...)

Tyvärr, varken det eller ditt andra förslag fungerade.

Tack för länkarna. Jag försökte googla fram liknande sidor, men hittade inte så mycket. Och lösningen där är ju som sagt inte så kul direkt.

Men det förklarar inte riktigt varför rött + rött = snyggt hörn samtidigt som rött + svart = fult hör. Din förstoring ger ju en hint däremot, men jag fattar inte att IE inte hanterar 1 px-kanter bättre i så fall.

Jag hade hoppats på en lösning där jag ger lite extra CSS åt IE endast, utan att behöva lägga in mer kod i själva sidan.

Njae, det är ju inte ok att det ser annorlunda ut. Målet är att få samma utseende. I så fall skulle jag byta till 2px överallt. Men jag tänkte att jag skulle försöka lösa detta en gång för alla, för jag har stött på det förut.

Men det förklarar väl inte varför röd-svart blir fel, medan röd-röd blir rätt?

Jo, det var det jag menade ovan när jag sa att jag ville ge extra CSS till IE.

Ja, det är samma lösning som fanns i memarks länk tidigare. Men det är ju synd att man ska behöva falla tillbaka på en sådan lösning.

Det var som tusan. Nu testade jag på en annan PC i IE och där fanns inte felet! Jag trodde faktiskt inte att det berodde på versionen av IE. Den version som jag haft problemen i är IE version 6.0.3.3790.1830 under Microsoft Windows Server 2003 (ansluten genom Microsoft Remote Desktop Connetion - kanske där felet ligger).

Det förklarar varför jag inte hittat nån annan som sett problemet... well, tack för hjälpen.

Nu har jag undersökt lite mera. Det verkar som om skurken i detta fall är Remote Desktop Connection. Snacka om att leta under fel sten efter en lösning... *suck* Tack till alla som i alla fall försökte hjälpa mig med detta icke-existerande problem.

RDC har varit ett bra sätt annars att korrläsa webbsidor i IE/win-miljö från en mac eftersom jag inte har någon PC i närheten. Men uppenbarligen kan jag inte lita på vad jag ser där, vilket min skärmdump i första inlägget här visar.

Jo, verkligen, för jag trodde faktiskt inte att RDC kunde introducera ett sådant udda fel, tanken slog mig aldrig. Nu vet jag bättre än att korrläsa webbsidor i IE/win genom RDC. Och IE är friad från misstankar för en gång skull!