Два неупорядоченных списка рядом

У меня есть два неупорядоченных списка, и я пытаюсь разместить их рядом. Это работает в Firefox, Safari, Chrome и IE8. Но не IE 7 или режим совместимости.

Вот разметка:

<span>
   <ul style="list-style-type: none; display: inline-block;">
      <li>1</li>
      <li>2</li>
   </ul>

   <ul style="list-style-type: none; display: inline-block;">
      <li>3</li>
      <li>4</li>
   </ul>
<span>

В основном ожидается:

1  3
2  4