html - css/html 不适用于 Internet Explorer，但适用于 chrome 和 safari

Question

为什么这在 Internet Explorer 上不起作用，但它在 google chrome 和 safari 上有效

body,html {
    min-width:600px;
    height:100%;
    margin:0;
    padding:0;
    font-family:Calibri;
    overflow:hidden;
}

这是我完整代码的 fiddle :http://jsfiddle.net/charliejsford/7a2uH/

编辑: 似乎只有这部分在 IE 上不起作用

<header class="ex1">
        <div class="header-left"><img src="images/phone_icon.png" width="323" height="58" /></div>
        <div class="header-right">Shopping Basket</div>
        <div class="logo"><img src="images/logo" width="409" height="138" /></div>
    </header>

然后是 CSS:

header {
    width: 100%;
    min-width: 800px;
    height: 160px;
    overflow: auto;
}
.ex1 .header-left {
    display:inline-block;
    width: 33%;
    max-width: 190px;
    float: left;
    margin:50px 0 0 70px;
}
.ex1 .logo {
    width: 409px; /* width of the logo */
    margin:10px auto 0 auto;
}
.ex1 .logo img {
    display: block;
}
.ex1 .header-right {
    display:inline-block;
    width: 33%;
    max-width: 190px;
    float: right;
    margin:50px 70px 0 0;
}

Answer 1

<header> Internet Explorer 9+ 支持标记。