这个导航菜单为什么无序列表会跑出去

代码如下

html>
<html lang="en">
    <head>
        <meta charset="UTF-8">
        <title>下拉导航菜单title>
        <link rel="stylesheet" href="drapdownmenu.css" type="text/css">
    head>
    <body>
        <u1>
            <Li><a href="#">首页a>Li>
            <li><a href="#">jQuery特效a>
                <u1>
                    <li><a href="#">jQuery图片特效a>li>
                    <li><a href="#">jQuery导航特效a>li>
                    <li><a href="#">jQuery选项卡特效a>li>
                    <li><a href="#">jQuery文字特效a>li>
                u1>
            li>
            <li><a href="#">JavaScript特效a>li>
            <li><a href="#">Flash特效a>
                <u1>
                    <li><a href="#">Flash图片特效a>li>
                    <li><a href="#">Flash导航特效a>li>
                    <li><a href="#">Flash选项卡特效a>li>
                    <li><a href="#">Flash文字特效a>li>
                u1>
            li>
            <li><a href="#">div+css教程a>li>
            <li><a href="#">HTML5教程a>li>
        u1>
    body>
html>

运行结果如下

img

这是为什么呀

你这 ul写对了吗 。咋看着像u1

房子小，塞不进，就跑出来了。要么统一的宽度设置更宽，要么所有模块都根据内容自适应宽度

字体字号可以小点试试