版权栏问题

背景颜色不显示，出现顺序不一致

css

<!--版权栏-->

.copyright{

width: 100%;

height: 200px;

background-color: #00ff40;

margin-top: 10px;

}

.copyright_content{

width: 1000px;

margin: 0 auto;

}

.copyright_content li{

list-style-type: none;

float:left;

width: 200px;

background: url(../images/line.png) no-repeat right center;

text-align: center;

}

<div class="copyright">

<div class="copyright_content">

<ul>

  <li><a href="#">关于</a>

  <ul>

  <li><a href="#">品牌故事</a></li>

  <li><a href="#">联系我们</a></li>

  <li><a href="#">加入我们</a></li>

  <li><a href="#">版权声明</a></li>

  </ul>

  </li>

  <li><a href="#">课程</a>

    <ul>

  <li><a href="#">php开发</a></li>

  <li><a href="#">前端开发</a></li>

  <li><a href="#">java开发</a></li>

  <li><a href="#">安卓开发</a></li>

  </ul>

  </li>

  <li><a href="#">留言</a>

  <ul>

  <li><a href="#">新浪微博</a></li>

  <li><a href="#">腾讯微博</a></li>

  <li><a href="#">企业微信</a></li>

  <li><a href="#">QQ空间</a></li>

  </ul>

  </li>

  <li><a href="#">关注</a>

  <ul>

  <li><a href="#">意见反馈</a></li>

  <li><a href="#">问题留言</a></li>

  <li><a href="#">媒体联络</a></li>

  <li><a href="#">在线客服</a></li>

  </ul>

  </li>

  <li><a href="#" ><img src="images/weixin.png"/>微信关注</a>

<ul>

<li><img src="images/qrcode.jpg"/></li>

</ul>

 </li>

</ul>

</div>

</div>