Struktur der Apple-Navigation

HTML

<nav>
<ul>
    <li><a href="#">Store</a></li>
    <li><a href="#">Mac</a></li>
    <li><a href="#">iPod</a></li>
    <li><a href="#">iPhone</a></li>
    <li><a href="#">iPad</a></li>
    <li><a href="#">iPhone</a></li>
</ul>
<form action="#" method="post">
    <label for="s">Search</label>
    <input type="search" name="search" id="s">
    <input type="submit">
</form>
</nav>

CSS

nav {
    display: -webkit-flexbox;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-box;
    width: 100%;
}

ul {
    display: -webkit-flexbox;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-box;
    width: -webkit-flex(1);
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    -ms-box-flex: 1;
}

li {
    width: -webkit-flex(1);
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    -ms-box-flex: 1;
}

input[type="search"] {
    width: 100px;
}
input[type="search"]:focus {
    width: 200px;
}

label,
input[type="submit"] {
    position: absolute;
    left: -999em;
}