Menú ul en linea

[madman_18]

Puedo poner el código completo.

Mi css para el menú y el contenedor:

Código CSS:

ul,li{list-style: none;}
#contenedor{width:320px;height:auto;}
#tabla-menu{width:320px;height:auto;}
#tabla-menu ul{width:100px;display:inline-block;}
 

Ahora mi código html:

Código HTML:

<div id="contenedor">
          
          <div="tabla-menu">
 
                      <ul>
                               <div>Opcion 1</div>
                              <li>SUB-Opcion 1</li>
                     </ul>
                      <ul>
                               <div>Opcion 2</div>
                              <li>SUB-Opcion 2</li>
                     </ul>
                     <ul>
                               <div>Opcion 3</div>
                              <li>SUB-Opcion 3</li>
                     </ul>
                      <ul>
                               <div>Opcion 4</div>
                              <li>SUB-Opcion 4</li>
                     </ul>
                      <ul>
                               <div>Opcion 5</div>
                              <li>SUB-Opcion 5</li>
                     </ul>
                      <ul>
                               <div>Opcion 6</div>
                              <li>SUB-Opcion 6</li>
                     </ul>
          </div>
</div>
 

En cuanto llega a la opción 4, ahí se va a una segunda línea (eso está bien), pero al dibujar el 4, 5 y 6 no lo dibuja en línea.

Resultado que debería salir: Opcion 4 \ Opcion 5 \ Opcion 6
Resultado que me está saliendo:

Opcion 4

Opcion 5

Opcion 6

(Siento no poder mostrar imágenes ni nada pero es que por motivos del proyecto no puedo...).