Причина, по которой у вас есть разрыв между окном выбора сортировки и результатами поиска, заключается в том, что вы используете плавающие элементы и для их очистки вы используете метод «дополнительной разметки». Это вызывает разрыв. В вашей конкретной ситуации сделайте следующее.
<div class="sort">
<div class="clear"></div>
Сначала удалите div.clear. Это устранит пробел. Тем не менее, это также приведет к тому, что приведенный ниже div будет выполняться и перезапускается, потому что вы перемещаетесь следующим образом.
div.sort {float: right;}
Теперь очистите поплавок следующим образом.
div#dkProductList {clear: right;}
Теперь вы увидите, что div id = "dkProductList" находится точно ниже div class = "sort", и разрыв исчез. Если вы хотите некоторый разрыв между ними, просто добавьте немного поля, например:
div#dkProductList {margin-top: 10px;}
Это полностью решает вашу проблему. Есть и другие способы, например, вместо того, чтобы использовать дополнительную разметку, такую как вы использовали div class = "clear", который вы использовали для "обнуления" эффектов float, вы можете использовать свойство "overflow" со значением " авто". Таким образом, дополнительная разметка не понадобится.
Протестировано в IE9, FF4.01, GG11, AF5.0.5 и Opera 11.