Hi there,

I'm having some trouble getting floating

  • elements to display in a
      element in ie7. I have managed to get them to show in IE6, but no dice with IE7. I'm also having trouble getting a floated image element and div to show. Here is the site link:

      link text

      Here is the 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='); ?>
              <div class="clear"></div>

      And here is the 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}

      Any help would be greatly appreciated!

  • 2 answers


    I was able to fix it with 1 change.

    css.css (line 8)

    div#header {overflow:hidden; border-bottom: 2px solid #ff2B06; } //removed position:relative;

    Answered over 8 years ago by Moin Zaman

    Spam message. Edited by Ktash.

    Answered over 8 years ago by Jan Rae
    • Additional answers provided by this user will be removed danwellman over 8 years ago