IE10 HTML渲染，可与IP，但不能与配置的域

我在我的本地系统上的一个简单的网站与IIS配置在Windows 8我的系统工作在ADS也。我在我的HTML中有以下导航栏。IE10 HTML渲染，可与IP，但不能与配置的域

<div class="bar"> 
    <ul class="navul"> 
     <li class="navli sp"><a class="toplinks" href="#">Home</a></li 
     ><li class="navli"><a class="toplinks" href="#">Register</a></li 
     ><li class="navli"><a class="toplinks" href="#">Privacy</a></li 
     ><li class="navli"><a class="toplinks" href="#">Disclaimer</a></li 
     ><li class="navli"><a class="toplinks" href="#">Terms</a></li 
     ><li class="navli"><a class="toplinks" href="#">About</a></li> 
    </ul> 
</div>

以及相应的CSS是

.bar 
{ 
height:50px; 
background:url('../img/nav.jpg'); 
-webkit-border-radius: 4px; 
-ms-border-radius: 4px; 
-moz-border-radius: 4px; 
-o-border-radius: 4px; 
border-radius: 4px; 
} 
.navul 
{ 
list-style:none; 
margin:0; 
padding:0; 
} 
.navli 
{ 
display:inline-block; 
font-size: 24px; 
font-family: Georgia Verdana; 
text-align: center; 
border-right: 1px solid; 
border-color: #EEE; 
color:white; 
height:50px; 
} 
.sp 
{ 
-webkit-border-radius: 4px 0 0 4px; 
-moz-border-radius: 4px 0 0 4px; 
-ms-border-radius: 4px 0 0 4px; 
-o-border-radius: 4px 0 0 4px; 
border-radius: 4px 0 0 4px; 
} 
.navli:hover 
{ 
background:#040; 
} 
.toplinks 
{ 
display:inline-block; 
text-decoration: none; 
padding: 10px 20px 10px 20px; 
margin:0; 
color:#E1E1E1; 
} 
.toplinks:visited 
{ 
color:#E1E1E1; 
} 
.toplinks:hover 
{ 
color:white; 
}

我面临的问题是，当我用我的IP或本地主机或者甚至直接打开HTML文件，IE10显示为预期的，但是当我打开与域，它显示错误。

以下格式是使用IP

IE 10