Problem med IE & CSS

Bråkar nu ( åter igen ) med att IE inte vill göra min CSS som jag vill *ler*

Ni kan själv titta via länken:
http://www.royalpaintattoo.se/

I Iexplore så flyttas menyn längre ner , och ger dessutom en vit "extra" utrymme längre ner på sidan.

Men i Google Chrome / Firefox så funkar det utmärkt.
Har testat några buggfixes för IE CSS , men inte hittat den som löser mitt problem. ( Lyckades dock lösa PNG :P )

Någon som har en aning om vad som kan vara fel?
Har validerat både min CSS & HTML ,och den ger inga fel :(

1. Ta bort din negativa värde på din margin
2. Sätt en annan höjd på din "top", bilden är ju 20px varför då sätta den till en höjd som är större än så?

Vilken Internet Explorer är problemet underlättar också felsökningen nästa gång.

Jag sitter själv och testar i IE6 , men enligt de andra som försökt,
är det även felaktigt i dom nyare webläsarna.

Har ändrat height på min topbox, och även tagit bort den negativa margin,
men felet kvarstår :(

Bilden ( till vänster Google Chrome, höger Iexplore 6 )

Och #logo, om du skall flyta bilder osv på det sätt använd position: absolute så slipper du ta upp ett "block-elements" yta.

Att sätta den till absolute gjorde så att min logga la sig precis mitt i hela hemsidan,
så det hjälpte inte speciellt mycket mot glappen :P

Är det Iexplore's 3 pixel bugg som ställer till det?

nej, det är IE margin buggar, och du få ju självklart positionera logotypen med top, left, right, bottom

sätt även en postion: relative på din "content" div så bli det ännu enklare.

Nu hoppade den tillrätta iallafall med glappen,
men nu ska jag bara behöva positionera in alla element så det funkar i Iexplore..
( Eftersom allt ligger bra i övriga webläsare )

Läste något om CSS-element som man gjorde en * före,
kunde bara läsas i Iexplore, stämmer det?

Istället för att göra "IE-hacks" så tycker jag att du skall köra på Conditional comments:

http://www.quirksmode.org/css/condcom.html

Men du kan ju alltid 0:ar alla margins i body och html för IE

Jag har försökt både med Conditional comments, och även ie fix när det gäller en helt egen css-fil för IE .. Men som jag just nu försöker med, att lägga bilden på bruden 10px ner går inte i IE.

Jag har lagt ( som exempel ) margin-top: 10px ..
När jag laddar sidan så ser jag att bilden laddas 10 px ner ( alltså helt korrekt )
men när hela sidan laddas klart, så "hoppar den till", och lägger sig där uppe.

Blir helt galen på detta j-vla strul med IE :(

Tackar för din hjälp, upptäckte nu att felet låg i en pngie-fix jag gjort,
som tydligen automatiskt la till space på alla divar...

Ber om ursäkt, och tackar ödmjukast för all hjälp!