html - 列表在 firefox 和 internet explorer 上显示错误，但在 chrome 上不显示

Question

我的网站标题有问题。 即使它在 chrome 上可以正常显示，我也无法让它在 firefox 和 IE 上运行。

<div id="exlinks" style="margin-top:-82px; ">
<ul id="strl" style="position:relative;" >
<li > <a href="/ueber-uns/" style="padding-right:3px;">Über ServerService</a></li>|
<li> <a href="/kontakt/" style="padding-right:3px;">Kontakt</a></li>|
<li> <a href="/support/" style="padding-right:3px;">Kundensupport</a></li>|
<li> <a href="/sitemap/" style="padding-right:3px;">Sitemap</a></li>|
<li> <a href="/hilfe"style="padding-right:3px;">Hilfe</a></li>|

</ul>
</div>

这是列表，显示在顶部。

这是CSS:

#exlinks
{

padding-bottom:5px;
} 

#strl
{
text-align:center;
font-size:13px;
margin-left:0px;
margin-top:20px;
}




#strl li
{

display:inline;
list-style-type: none;
padding-right: 8px;
margin-left:0px;
padding-left:8px;



}
#strl li a{
display:inline;
color:#262626;
text-decoration:none;
-webkit-transition: color 0.16s ease-in;
-moz-transition: color 0.16s ease-in;
-ms-transition: color 0.16s ease-in;
-o-transition: color 0.16s ease-in;
 transition: color 0.16s ease-in;

 }

 #strl li a:hover
 {

 color:#0489b6;

 }

Chrome : [URL=http://s203.photobucket.com/user/Corbinlock/media/chrome.png.html][IMG]http://i203.photobucket.com/albums/aa4/Corbinlock/chrome.png[/IMG ][/网址] 火狐和 IE: [URL=http://s203.photobucket.com/user/Corbinlock/media/firefox.png.html][IMG]http://i203.photobucket.com/albums/aa4/Corbinlock/firefox.png[/IMG ][/网址]

Answer 1

这是一个 JS fiddle 。我更正了 HTML 和 Css 代码:

HTML:

<div id="exlinks" >
<ul id="strlist" style="position:relative;" >
<li > <a href="/ueber-uns/" style="padding-right:3px;">Über ServerService</a></li>|
<li> <a href="/kontakt/" style="padding-right:3px;">Kontakt</a></li>|
<li> <a href="/support/" style="padding-right:3px;">Kundensupport</a></li>|
<li> <a href="/sitemap/" style="padding-right:3px;">Sitemap</a></li>|
<li> <a href="/hilfe"style="padding-right:3px;">Hilfe</a></li>|
<li style="padding-right:3px;">Gebührenfrei: <b>0800 111 7000</b> </li>
</ul>
</div>

CSS:

#exlinks
{

padding-bottom:5px;
} 

#strlist
{
text-align:center;
font-size:13px;
margin-left:0px;
margin-top:20px;
}




#strlist li
{
display: inline-block;
list-style-type: none;
padding-right: 8px;
margin-left:0px;
padding-left:8px;



}
#strlist li a{
display:inline;
color:#262626;
text-decoration:none;
-webkit-transition: color 0.16s ease-in;
-moz-transition: color 0.16s ease-in;
-ms-transition: color 0.16s ease-in;
-o-transition: color 0.16s ease-in;
 transition: color 0.16s ease-in;

 }

 #strlist li a:hover
 {

 color:#0489b6;

 }

FIDDLE