Como é que esta posição relativa div é exibida de forma diferente no IE?

Eu tenho uma div posição relativa dentro de outra div. O interior div divide-se com porcentagem (esquerda: 0%; superior: 13%).

Meu problema é que, em todas as versões do IE, o div é exibido alguns pixels mais baixos do que onde ele é exibido no Chrome ou FF …

Alguém reconhece isso?

 

Além disso, estou prestes a ajustar o meu site para que seja apreciado um artigo sobre os problemas mais comuns com o IE.

obrigado

ATUALIZAR:

Aqui está o estilo para a div primária.

 .nav_container { background-image: url(../Graphics/menu_lvl1.gif); height: 101px; width: 720px; } 

O meu palpite é que o IE está a renderizar o preenchimento / margens de forma diferente do Chrome / Firefox (que geralmente é o problema com os erros de layout).

Você está melhor para especificar o padding e a margin quando a posição é importante, caso contrário você está deixando o padrão do navegador (quais são todos diferentes).

Você também deve garantir que sua página não esteja sendo carregada no modo Quirks pelo IE. Tenha certeza absoluta de que você tenha a definição DOCTYPE adequada no topo da página para forçar o IE a carregar no modo padrão. W3Schools tem um bom resumo de onde e como usá-lo:

W3Schools – Declaração do doype de HTML

E, em seguida, o W3C possui uma lista de todas as declarações válidas:

W3C QA – Lista recomendada de declarações Doctype que você pode usar em seu documento da Web

Se nenhum deles se preocupar com isso, você pode criar um CSS específico da versão do IE e carregá-los usando Comentários condicionais. Isso permitirá que você especifique valores diferentes para o top base no IE.

@Camran

Aqui você vai, irmão, espero que isso ajude você. http://www.positioniseverything.net/articles/cc-plus.html Tudo é totalmente detalhado e fácil de seguir. Confie em mim, eu estava tendo o mesmo problema e o que me mata é todo o mundo com quem eu falei, que afirmou que eles eram profissionais, afirmando que é impossível ter um posicionamento perfeito, e aqui está alguém que veio com uma solução.

Certifique-se de que o IE não esteja funcionando no modo peculiar. Isso acontece quando você tem algum texto antes da declaração do doype. Se estiver no modo de peculiaridade, ele se comporta horrivelmente para o CSS. Muito mais do que o normal.

Use comentários condicionais para segmentar o IE e altere o top acordo.

IMO, essa é a única coisa que você precisa saber para resolver problemas do IE.

Você está usando um css reset? ( http://meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded/ ) Isso irá ajudá-lo a garantir que todos os seus navegadores estejam começando com o mesmo preenchimento e margem padrão.

Experimente uma folha de estilo de reboot e veja se isso ajuda. Inclua-o antes de qualquer outra declaração CSS.