Несовместимость проблемы с Internet Explorer 10

Question

я закончил делать свой самый первый сайт, это для клуба в моей школе: http://suar.orgsync.com/org/aimuncc

На сайте указываются совершенно в Chrome 33, но на IE10 логотип имеет границу и неуместна и ссылки в социальных сетях на панели инструментов имеют границы вокруг них, которые я не предполагал. CSS для логотипа:

#logo 
{ 
    float: left; 
    position: fixed; 
    height: 50px; 
    margin-top: 1%; 
    margin-left: 1%; 
    z-index: 5; 
} 
.soc_links 
{ 
    float: right; 
    margin-top: 20px; 
    margin-right: 5px; 
    z-index: 5; 
} 
#soc_net 
{ 
    display: inline-block; 
    height: 25px; 
    z-index: 5; 
} 

.nav_bar 
{ 
    position: fixed; 
    display: block; 
    margin-top: -8px; 
    right: -8px; 
    width: 101%; 
    min-width: 60% 
    height: 80px; 
    max-height: 80px; 
    border-bottom: 5px solid #66AA33; 
    background-color: #FFFFFF; 
    z-index: 5; 
} 

HTML для логотипа и социальных связей: http://fonts.googleapis.com/css?family=Open+Sans:300' отн = 'тип таблицы стилей' = «текст/CSS»>

<div class= "nav_bar"> 
    <a href= "[[page:home]]" title= "AIM | Home"><img id= "logo" src= "https://d1q9wbuypc40mm.cloudfront.net/xy332ag7s8dv0d0.jpg"/></a><!--add a link to home--> 
    <ul class="nav_container" 
     <li id= "nav_links"><a href= "[[page:home]]">HOME</a></li> 
     <li id= "nav_links"><a href= "[[page:Executives]]">EXECUTIVE BOARD</a></li> 
     <li id= "nav_links"><a href= "[[page:News]]">NEWS</a></li> 
     <li id= "nav_links"><a href= "[[page:Calendar]]">CALENDAR</a></li> 
     <li id= "nav_links"><a href= "[[page:Getinvolved]]">GET INVOLVED</a></li> 
     </ul> 
    <div class="soc_links"> 
    <ul> 
     <li id= "nav_links"><a href= "https://www.facebook.com/aimuncc" title= "Like AIM on Facebook!" target="_blank"><img id= "soc_net" id="facebook" src= "https://d1q9wbuypc40mm.cloudfront.net/8bni8ebstpojwes.png"/></a></li> 
     <li id= "nav_links"><a href= "https://www.linkedin.com/groups/Advancing-Innovative-Minds-8104445/about" title= "Join AIM on LinkedIn!" target="_blank"><img id= "soc_net" id="linkedin" src= "https://d1q9wbuypc40mm.cloudfront.net/ughjm7k8coiskx9.png"/></a></li> 
     <li id= "nav_links"><a href= "https://twitter.com/AimUncc" title= "Follow AIM on Twitter!" target="_blank"><img id= "soc_net" id="twitter" src= "https://d1q9wbuypc40mm.cloudfront.net/b6wp6r8eps2ukhe.png"/></a></li> 
     <li id= "nav_links"><a href= "http://instagram.com/uncc_aim" title= "Follow AIM on Instagram!" target="_blank"><img id= "soc_net" id="instagram"src= "https://d1q9wbuypc40mm.cloudfront.net/okujfqu9nlkly5p.png"/></a></li> 
    </ul> 
    </div> 
</div> 

Пожалуйста, дайте мне знать, если вам нужно больше информации заранее спасибо!

Answer 1

Для пограничного вопроса, добавьте в таблицу стилей:

img {border:0;} 

Для выдачи логотипа, IE на самом деле делает это право ИМО. Удалите фиксированное положение с логотипа, а затем сделайте прописку на навигацию меньше, где вы хотите. Я предполагаю, что вы не хотите левого края, но это зависит от вас.

Answer 2

Добавить границу: 0 и текст: нет логотипа и ссылок в социальных сетях.