IE7浮动UL未显示

Question

我在使用浮动

元素在ie7中的元素中显示时遇到了一些麻烦。我已经设法让他们在IE6中显示，但没有与IE7骰子。我也无法获得浮动的图像元素和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>a { float:left }