border omkring billeder er højere end billedet

prøv at give den en display:block;, eller sætte en <br /> bagefter billedet ..
IMG-tags opfører sig nogle gange meget mærkeligt, mht. linjeskift efter.

Har ikke lige gidet teste det, sorry. Er bare et forslag.

Har det noget med borderen at gøre ?-)

<ole>

Nej, border'en kan ikke have afstand til billedet, Der sker med garanti noget andet, du ikke er opmærksom på. Måske et link ville hjælpe  ;o)

/mvh
</bole>

Kan det være en fejl i din skærmpixel?

Jeg har forsøgt med
display: block; <br /> efter billedet...

Siden er ikke lagt ud endnu.
Koden ser således ud:

#rawmain{
position:absolute;
left:175px;
top:240px;
border:1px solid #363635;
}


og når jeg indsætter billedet

      <div id="rawmain">
          <img src="pics/raw/drawingfront.jpg" height="147px" width="227px">
      </div>

Jeg har også forsøgt uden at skrive height og width på.

øhm, er ikke helt klar over hvad logikken er i det her, men prøv:
#rawmain IMG {
    vertical-align:middle;
}
Normalt er vertical-align lig med baseline, og det laver åbenbart lidt rod i det i IE.

Det ændrer det ikke...

okay, det gjorde godt nok her - men jeg havde selvfølgelig kun den lille bid med, som du viste.

Jeg satte det ind sådan her:
#rawside{
position:absolute;
left:390px;
top:330px;
border:1px solid #363635;
padding-bottom:0px;
margin-bottom:0px;
vertical-align:middle;
}


og igen når jeg kalder

      <div id="rawmain">
          <img src="pics/raw/drawingfront.jpg" height="147px" width="227px">
      </div>

Der er flere mulige løsninger (jeg går udfra, det er en fejl med forskellig id på CSS-selector og div). Du kan slette 'vertical-align:middle' og lægge div-slut-tag'et helt op efter billedet:
  <div id="rawmain">
    <img src="pics/raw/drawingfront.jpg" height="147px" width="227px"></div>

Eller du kan sætte 'font-size:0px' på div'et. Så er det ligegyldigt, hvor slut-tag'et står.

Eller du kan give billedet 'display:block' og igen lægge div-slut-tag'et op i r.... på billedet.

Problemet opstår i Win/IE, da MSHTML - som er den teknologi, IE og f.eks. Word bygger på - kaster et blanktegn, hvergang en linie skiftes. Der kommer derfor til at stå et blanktegn efter billedet, hvis div-slut-tag'et står på ny linie.

PS: I de to sidste løsninger, behøver du ikke slette 'vertical-align:middle' ... det er kun i første eksempel  :)

Sådan ;) Så  er det fikset i IE men i Firefox er den stadig gal! Har tilføjet font-size:0px; og sat </div> lige bag billedet!

Mozilla kræver nok 'display:block' på billedet ... det er en anden gammel særhed - denne gang bare i Mozilla  ;o)

Det hjalp ikke! Det ser nu således ud:
#rawmain{
position:absolute;
left:175px;
top:220px;
border:1px solid #363635;
font-size:0px;
display:block;
}

og </div> er lige bag billedet.

Den sidder lige i garnet hos mig i både FireFox 1.0 og en 'gammel' Mozilla 1.5 ... begge under WinXP

Mærkeligt. Jeg har følgende
#rawmain{
position:absolute;
left:175px;
top:220px;
border:1px solid #363635;
font-size:0px;
display:block;
}
<div id="rawmain"><img src="pics/raw/drawingfront.jpg"/></div>


Er dit magen til?