DIV не отображается при наведении другой DIV

Question

я думаю, что я забыл свой CSS, но у меня есть проблема

вот мой код

<div class="footer_container"> 
    <div class="website_logo_to_footerexpand"></div> 

    <div class="info_cont"> 
     <div class="info_slide_arrow"></div><!--arrow--> 

     <div class="info_slide"> 
     <div class="level1">&copy; Datacardz.Inc <?php echo date('Y'); ?></div> 
     <div class="level2"> 
      <a href="" id="about" class="href_link">About</a> 
      <a href="" id="terms" class="href_link">Terms</a> 
      <a href="" id="corporate" class="href_link">Company</a> 
      <a href="" id="blog" class="href_link">Blog</a> 
     </div> 
     </div> 
    </div> 

проблема заключается в том, что, когда я использую код CSS: - website_logo_to_footerexpand: парить ~ .info_cont он отображает DIV, но он исчезает, как только я Нов мыши к info_cont DIV

и код .website_logo_to_footer_expand: парить> .info_cont не работает на всех

мой CSS ----

.website_logo_to_footerexpand{ 
float:left; 
cursor:pointer; 
background-image:url(data_cardz_imagesprites.png); 
background-position:0 0; 
width:60px; 
height:60px; 
} 
.info_cont{ 
float:left; 
height:60px; 
opacity:0; 
visibility:hidden; 
} 

.website_logo_to_footerexpand:hover ~ .info_cont{ 
visibility:visible; 
opacity:1; 
} 

Answer 1

http://jsfiddle.net/K4Mp4/1/

Проверьте демонстрацию пожалуйста.

.website_logo_to_footerexpand{ 
float:left; 
cursor:pointer; 
background-image:url(data_cardz_imagesprites.png); 
background-position:0 0; 
width:60px; 
height:60px; 
} 
.info_cont{ 
float:left; 
height:60px; 
opacity:0; 
visibility:hidden; 
} 

.footer_container:hover > .info_cont{ 
visibility:visible; 
opacity:1; 
} 

Answer 2

вы должны поставить парить на .footer_container не .website_logo_to_footer_expand этого класса влево так естественно, когда вы крутите из него информация будет исчезать

.footer_container:hover > .info_cont 

Вам также нужно добавить clearfix, потому что вы плавающие элементы внутри .footer_container

Answer 3

вы должны использовать display:block; для детей плавали дивы и display:inline-block; для родительского DIV то эффект зависания будет работать