html - IE7 float UL 不显示

Question

我在让 float

元素显示在 ie7 的元素中时遇到一些问题。我已经设法让它们在 IE6 中显示，但在 IE7 中却不行。我也无法显示 float 图像元素和 div。这是网站链接:

link text

这是 HTML:

<div id="page-wrap">
    <div id="header">
        <a href="http://tedxconejo.elliottmediagroup.com"><img src="<?php bloginfo('template_url'); ?>/images/tedxlogo_transparent.png" alt="TedxConejo" id="logo"/></a>
        <p id="headertext">what's the big idea?<br/><span id='date'>03/26/11</span></p>
        <div class="clear"></div>

            <?php wp_list_pages('title_li='); ?>
        </ul>

        <div class="clear"></div>



    </div>

这是 CSS:

img#logo   {width: 340px; height: 72px; float: left; margin-bottom: 15px}    
ul#nav li  {min-width: 60px; min-height: 10px;  display: block; float: left; margin-right: 60px; text-transform: lowercase; z-index: 100001}
ul#nav li:last-child, ul#nav li:last-child a    {float: right; background-color: #ff2b06; color: #ffffff; margin-right: 0px;}
ul#nav li a  {text-decoration: none; font-size: 13px; color: #333333; display: inline;  padding: 5px 15px 5px 15px; -webkit-transition: all .1s linear;z-index: 100001}
ul#nav li a.current, ul#nav li a:hover  {background: #ff2B06; color: #ffffff}

如有任何帮助，我们将不胜感激!

Answer 1

尝试在 css 中添加这个

#header>一个{
向左飘浮
}