在调整浏览器屏幕大小时，ul正在移出div

Question

我做了一个标题，左边有一个img，右边有一个img。当我调整屏幕大小（img和ul的边界相遇）时，ul跳出了div。我希望我的浏览器只给我一个水平滚动条而不是调整大小。

注意：我并不担心让这个网站响应。

HTML

 <header><img src="images/logo.gif">
    <ul>
    <li>Toll Free USA & Canada: 8002452719 Australia: 1800 645437</li>
    <li>Other Countries: + 86 773 583 5179</li>
    <li>contact@chinaculturetour.com</li>
    </ul>
   </header>

CSS

header {
    max-width: 100%;
    height: 100px;
    margin: 0 auto;
    background-color: tomato;
    padding: 3px 263px 0;
}

header > img {
    float: left;
    margin-right: 0;
}

header > ul {
    float: right;
    text-align: right;
    list-style: none;
    display: inline-block;
}