css - 与其他浏览器相比，IE(所有版本)中的奇怪偏移

Question

我有一个非常简单的信息板 css 布局，您可以在以下位置找到它:http://jsfiddle.net/ciel/pRq8Z/2/

它在所有浏览器中都能正常工作，但在 IE 中，它对 .links 部分有 65 的笨拙“偏移”，因此它显示在错误的位置。在 jsfiddle 上，缺陷是可见的，但不是那么明显 - 但在整个网页中，它产生了相当大的差异。 .links Pane 在 IE 中填充错误。

对于这个在 IE 中似乎无处不在的弱智“偏移”，我能做些什么吗？ (所有版本，甚至 9.0)

CSS 重置

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, code,
del, dfn, em, img, q, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  vertical-align: baseline;
}
body {
    font-family: 'Lucida Sans Unicode'; 
    font-size: 11px;
    background-repeat: no-repeat; 
    margin: 0px auto; 
    width: 960px; 
    position: relative; 
}

article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section { 
    display:block;
}
blockquote, q {
    quotes:none;
}

blockquote:before, blockquote:after,
q:before, q:after {
    content:'';
    content:none;
}

a {
    margin:0;
    padding:0;
    font-size:100%;
    vertical-align:baseline;
    background:transparent;
}

/* change colors to suit your needs */
ins {
    background-color:#ff9;
    color:#000;
    text-decoration:none;
}

/* change colours to suit your needs */
mark {
    background-color:#ff9;
    color:#000; 
    font-style:italic;
    font-weight:bold;
}

del {
    text-decoration: line-through;
}

abbr[title], dfn[title] {
    border-bottom:1px dotted;
    cursor:help;
}

/* change border colour to suit your needs */
hr {
    display:block;
    height:1px;
    border:0;   
    border-top:1px solid #cccccc;
    margin:1em 0;
    padding:0;
}

/* Remove the bullets on ordered and unordered lists. */
ol,ul { list-style:none; }

/* Tables still need 'cellspacing="0"' in the markup. */
table { border-collapse: separate; border-spacing: 0; }
caption, th, td { text-align: left; font-weight: normal; }
table, td, th { vertical-align: middle; }

/* Remove border on linked images. */
a img { border: none; }
a { outline: none; text-decoration: none; }
a:active, a:visited, a:link { text-decoration: none; }

:focus { outline: 0; }

/* Make sure that all input elements have default margins and padding. */
input { margin: 0; padding: 0; border: 0; }

Answer 1

嗯，我不确定，但也许使用 UL 而不是 DIV 会以某种方式纠正问题... :)