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;
}

这是我的完整代码：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

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