Is there a pure CSS solution for Flexbox in IE 9 (IE 8)?
<p>I have been using Flexbox to auto align a menu which works great, I really like this CSS feature. However, the menu obviously doesn't work in IE8 and actually disappears in IE 9.</p>

<p>Are there any pure CSS solutions rather than using Javascript and perhaps something called Modernizer I have seen?</p>

<p><div class="snippet" data-lang="js" data-hide="false" data-console="true">
<div class="snippet-code">
<pre class="snippet-code-css lang-css prettyprint-override"><code>                #cssmenu ul {
                -webkit-box-orient: horizontal;
                -webkit-box-direction: normal;
                -webkit-flex-direction: row;
                -ms-flex-direction: row;
                flex-direction: row;
                -webkit-justify-content: space-around;
                -ms-flex-pack: distribute;
                justify-content: space-around;
                display: -webkit-box;
                display: -webkit-flex;
                display: -ms-flexbox;
                display: flex;
                -webkit-flex-wrap: wrap;
                -ms-flex-wrap: wrap;
                flex-wrap: wrap;
                }
                /* Default CSS from Shop stylesheet */
                #cssmenu,
                #cssmenu ul,
                #cssmenu ul li,
                #cssmenu ul li a,
                #cssmenu #menu-button {
                margin: 0;
                padding: 0;
                border: 0;
                list-style: none;
                line-height: 1;
                display: block;
                position: relative;
                -webkit-box-sizing: border-box;
                -moz-box-sizing: border-box;
                box-sizing: border-box;
                }

        </code></pre>
<pre class="snippet-code-html lang-html prettyprint-override"><code>            &lt;div id="cssmenu"&gt;
            &lt;ul&gt;
            &lt;li&gt;&lt;a href="/menu1"&gt;Menu 1&lt;/a&gt;
            &lt;/li&gt;
            &lt;li&gt;&lt;a href="/menu2"&gt;Menu 2&lt;/a&gt;
            &lt;/li&gt;
            &lt;li&gt;&lt;a href="/menu3"&gt;Menu 3&lt;/a&gt;
            &lt;/li&gt;
            &lt;li&gt;&lt;a href="/menu4"&gt;Menu 4&lt;/a&gt;
            &lt;/li&gt;
            &lt;li&gt;&lt;a href="/menu5"&gt;Menu 5&lt;/a&gt;
            &lt;/li&gt;
            &lt;li&gt;&lt;a href="/menu6"&gt;Menu 6&lt;/a&gt;
            &lt;/li&gt;
            &lt;/ul&gt;
            &lt;/div&gt;

        </code></pre>
</div>
</div>
</p>