IE, проблема с браузером Chrome - множественный div отображается как вложенный div

Question

У меня есть этот HTML, который хорошо отображается в Firefox, кроме IE и Chrome.

<div id="snippets">
  <div class="snippet"></div>
  <div class="snippet"></div>
  <div class="snippet"></div>
  <multiple of these>
</div

Каждый div с классом фрагмента отображается как дочерний по отношению к предыдущему.У меня есть .snippet {clear: both}

какая css магия мне нужна?

Любая помощь приветствуется

Answer 1

это был неполный конечный тег @ Sotiris, который вы подошли ближе, я отдаю вам должное

Answer 2

Попробуйте .snippet {float: left: width: 100%}