翻转图像效果停止工作

Question

当我使用“翻转图像”放入我的社交媒体图标时，我的主导航翻转图像效果停止工作。这是为什么？

布局：http://postimg.org/image/n8xfmtodj/

我的css：

wrapper 
          { width:900; 
           margin:-15px auto 20px auto; 
           background-color:#000;   
           padding:0 40px;
           box-shadow: 0px 0px 10px 5px rgba(0,0,0,.2); 
           background-color: rgba(0,0,0,0.8); 
           float:none; width:900; height:100%; }

mainNav 
          { width:90%;
           height:90%;
           position:absolute;
           bottom:0px;
           margin:0px 0px 0px 0px;
           padding:0px 0px 0px 10px;
           text-align:left; }

socialMedia 
              {width:97.5%;
               height:98%;
               position:absolute;
               bottom:0px;
               margin:0px 0px 0px 0px;
               padding:0px 0px 0px 10px;
               text-align:right }

是的，我在css docoment中的每个类别之前得到了#d dident让它工作，它是我的（我的第一个问题）