Broken nested tabs

gistfile1.txt

            <div id="demo">
                <ul>
                    <li><a href="#tab1"><em>Tab One Label</em></a></li>
                    <li><a href="#tab2"><em>Tab Two Label</em></a></li>
                    <li><a href="#tab3"><em>Tab Three Label</em></a></li>
                </ul>
                <div>
                    <div id="tab1"><p>Tab One Content</p></div>
                    <div id="tab2"><p>Tab Two Content</p></div>
                    <div id="tab3">
                        <div id="subdemo">
                            <ul>
                                <li><a href="#tab31"><em>Tab One Label</em></a></li>
                                <li><a href="#tab32"><em>Tab Two Label</em></a></li>
                                <li><a href="#tab33"><em>Tab Three Label</em></a></li>
                            </ul>
                            <div>
                                <div id="tab31"><p>SubTab One Content</p></div>
                                <div id="tab32"><p>SubTab Two Content</p></div>
                                <div id="tab33"><p>SubTab Three Content</p></div>
                            </div>
                        </div>
                        <script type="text/javascript">
                            AUI().use('tabview', function(A) {new A.TabView({srcNode: '#subdemo'}).render();});
                        </script>
                    </div>
                </div>
            </div>
            <script type="text/javascript">
                AUI().use('tabview', function(A) {new A.TabView({srcNode: '#demo'}).render();});
            </script>