При рендеринге страницы в Chrome, Safari или Firefox на Mac, если я использую тип документа HTML5
<!DOCTYPE html>
и помещаю изображение внутри div, div будет постоянно отображаться на 4 пикселя выше. Если я использую более старый doctype
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
, то блоки div отображаются правильно, что соответствует высоте изображения внутри него. Здесь используется тот же код HTML и CSS. Единственное, что меняется, - это доктайп и появляются дополнительные 4 пикселя. Есть ли способ исправить это?