老师看下是否哪里可以优化，谢谢您。

<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <title></title>
<style>
        *{
            padding:0;
            margin:0;
            list-style:none;
            text-decoration:none;
            font-family: Arial;
            font-size:14px;
        }
        header{
            width:auto;
            height:80px;
            background:#000;
        }
        .container{
            width:1200px;
            height:auto;
            margin:0 auto;
        }
        .logo{
            float:left;
            padding-top:20px;
        }
        .logo img{
            width:40px;
            height:40px;
        }
        .logo span{
            color:#fff;
            font-size:24px;
        }
        nav{
            float:right;
        }
        nav > ul > li{
            display:block;
            float:left;
            color:#fff;
            width:110px;
            height:73px;
            font-size:24px;
            text-align:center;
            line-height:73px;
        }
        .Home{background:#C8371F; height: 80px;}
        .Course{background:#F7BF2E;}
        .Actual{background:#82b82d;}
        .Plan{background:#42388D;}
        .FAQ{background:#E88824;}
        .Notes{background:#2B79CB;}
        .active{padding-bottom:7px;}
        nav > ul > li:hover{padding-bottom:7px;}

    </style>
</head>
<body>
    <header>
        <div class="container">
            <div class="logo">
                <img src="http://img1.sycdn.imooc.com/climg//582e5f160001b17100400040.png" alt="">
                <span>MYMOOC</span>
            </div>
            <nav>
                <ul>
                    <li class="Home active">Home</li>
                    <li class="Course">Course</li>
                    <li class="Actual">Actual</li>
                    <li class="Plan">Plan</li>
                    <li class="FAQ">FAQ</li>
                    <li class="Notes">Notes</li>
                </ul>
            </nav>
        </div>
    </header>
</body>
</html>