Html 当浏览器较小时，标题不会完全向左移动

我正在做菜单。在我当前的实现中，当我将浏览器变小时，标题内容不会完全向左移动。如何使css样式更好，以便在用户使其浏览器变小时它完全向左移动

我现在的代码如下

.header-container
  .header
    .logo
      %img{:src => 'assets/logo.png'}
    .menu
      %ul
        %li
          %a{:href => '#'} Home
        %li
          %a{:href => '#'} Features
        %li
          %a{:href => '#'} Pricing
        %li
          %a{:href => '#'} Team
        %li
          %a{:href => '#'} Support

这是我的SCS

.header-container {
width: 100%;
height: 5%;
background: url(menubg.jpg) no-repeat;

.header {
    width: 70%;
    margin: 0 auto;
    padding: 2%;
    border: 1px solid red;

    img {
        float: left;
    }

    ul {
        border: 1px solid green;
        //min-width
        li {
            float: left;
            border: 1px solid blue;
            margin-right: 2%;
        }
    }
}
}

---

你听说过吗？

你做过css重置吗？我正在使用normalize.csscan你发布了一个指向工作示例的链接吗？