IE7 плавающие UL не отображаются - PullRequest
0 голосов
/ 14 декабря 2010

У меня возникли проблемы с отображением плавающих элементов

в элементе в ie7.Мне удалось заставить их показывать в IE6, но без IE7.У меня также возникают проблемы с отображением плавающего элемента изображения и элемента div.Вот ссылка на сайт:

текст ссылки

Вот 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}

Любая помощь будет принята с благодарностью!

1 Ответ

0 голосов
/ 09 ноября 2011

попробуйте добавить это в CSS

#header>a { float:left }

...