IE7: заголовок над меню

Попробуйте панель инструментов разработчика IE, которая позволит вам проверить, что происходит с элементами и дать вам контуры областей, охваченных. Это может дать вам лучшее понимание проблемы.

Решение:

img {
padding: 0px;
margin: 0px;
display: block;
}

дисплей: блок

Я часто сталкиваюсь с этим. Вместо того, чтобы выслеживать конкретное поведение, попробуйте проверить здравомыслие, эксплицитно установив свойства заполнения и поля для селекторов img/div/etc в 0, установите border-style: none border-width: 0px border="0" и т. д.

IE Dev Toolbar является обязательным, но поможет ли это вам с выяснением проблем с одним пикселем, маловероятно.

Вместо того, чтобы прибегать к блоку отображения, обратите внимание, что IE7 делает некоторые серьезные странные вещи с whitespace; попробуйте удалить whitespace между изображением и div и посмотреть, что произойдет.

CSS сброс (например, YUI сброс CSS) отлично подходит для такого рода вещей. Они сбрасывают отступы, поля и другие свойства отображения на большом количестве элементов HTML, чтобы свести к минимуму различия отображения.

Блок solution...display:

На этот вопрос нельзя было ответить правильно, не зная режима рендеринга, в котором находился браузер; вам нужно рассказать людям, что doctype у вас есть, если у вас есть проблемы с рендерингом CSS. Поведение изображения, на которое вы ссылаетесь, отличается в режиме причуд, В отличие от стандартного режима. Минимальный тестовый случай должен включать полный документ HTML и CSS для воспроизведения проблемы. Пожалуйста, не просите людей о помощи, не давая им информацию, которую они должны легко ответить, не тратя свое время...

Реальное решение:

#middle { font-size: 0; line-height: 0; }