У меня такой код:
<div id="sc">
<h1>1. Orange</h1>
<p>some text in here </p>
</div>
<img class="separator" src="images/separator.png" />
Там ВСЕГДА 13px разрыв между "sc" и "разделителем" img.
Поля и paddings для обоих устанавливаются в 0, null, empty, nothing. Argh. Я так злюсь, d
Я пытался выяснить, что происходит с Firebug, но пространство между ними просто не принадлежит ни к чему, это не маржа, а не дополнение, что это такое?
Нет плавающих точек, никаких настроек отображения, не унаследованных полей или прокладок.
Что случилось с моим кодом? Я пытаюсь удалить пробелы в HTML, но не помогает (кстати, если я поместил разделитель над "sc" div, там тоже некоторый пробел, но меньше).
Спасибо.
[ADDED]
CSS STYLES:
.separator {
margin: 0;
padding: 0;
}
#sc {
text-align: justify;
padding: 0;
margin: 0;
background-image: url('images/bg.png');
background-repeat: repeat-y;
width: 970px;
}