правильное обертывание ol,ul списков, и проблемы с Float

OL, UL удобно использовать в верстке.
способы обертывания:
добавлять таги а,span,img внутрь li пунктов списка.
я пока опишу только возможные проблемы с отображением в различных браузерах.
Если использовать обтекание (горизонтальное отображение списка), то пробел между тагами IE переносит на следующую строчку, в результате появляется баг в нижней части, как на скриншоте.
Решение: 1) удалить пробелы между тагами
2) сделать с помощью псевдо элементов описано здесь

Еще можно посмотреть короткий но содержательный экскурс на русском здесь
и на английском все по float обьектам здесь

после использования float нужно сделать невидимый обьект как на картинке, подробней здесь.