フレックス方向：カラム; IEとEdgeでは動作しません

Question

flexboxとflex-direction:columnを使用して縦リストにリスト項目を表示したメニューがあります。 IEとEdgeを除くすべてのブラウザでうまく機能しています。

フレックスコンテナにディスプレイフレックスを追加するようなトリックを試みましたが、どちらも機能しません。

アイデア？

ここで問題が発生したウェブサイトです：http://lesdeuxvagues.com/demo

問題

CSS参照するメニューのプラスボタンをクリックしてください：

ul{ 
    display: -webkit-box; 
    display: -ms-flexbox; 
    display: flex; 
    -webkit-box-orient: vertical; 
    -webkit-box-direction: normal; 
    -ms-flex-direction: column; 
    flex-direction: column; 
    -webkit-box-pack: start; 
    -ms-flex-pack: start; 
    justify-content: flex-start; 
    -webkit-box-align: center; 
    -ms-flex-align: center; 
    align-items: center; 
    text-align: center; 
} 

Answer 1

は私だけ追加することによって、問題を修正判明しdisplay:block;私のリストの項目に。 彼らはこの問題の原因となった基礎フレームワークのdisplay:table-cellを持っていました。