Html IE中的标记/css问题

我有一个用户界面问题，剥离图形在IE 6/7和8中没有正确显示

标记可在以下位置获得：

如果您在firefox或google chrome中查看该页面，它应该显示正确。使用IE时，我会遇到显示问题。谁能帮我解决这个问题

红色剥离图形应显示在主面板的右角

---

非常感谢

怎么样，你必须移动。将Peeltop保存在内部#NewDesignMain：

#NewDesignMain
{
margin-top: -10px;
position: relative;
}

.SavePeelTop
{
position: absolute;
top: 0;
right: 0;
}

---

您必须移动。在#NewDesignMain

中保存peeltop通过添加合适的Doctype进入。浏览器在怪癖模式下非常不一致。

您的标记极其复杂。他总的来说很古怪。保持标记简单总是有帮助的

做一些类似的事情

<wrapper>
ABC Test Another 100 200 total whatnot
<peel>
Save 29%
</peel>
</wrapper>

ABC测试另外100 200个什么的
节省29%

显然，这不是有效的HTML，只是一个粗略的草图，让你有一个想法。然后用CSS设置

位置：相对和
位置：绝对；排名：0；右：0在果皮上。然后你就可以在所有浏览器中使用了

您使用的div比您需要的多得多，并且使用了相当多的嵌套元素。永远记住K.I.S.S.哲学。（保持简单，儿子）
对不起，在真实页面中我有一个DTD：没有必要抢先进入规范草案。同意。越简单越好。就这么简单。你同意谁的意见？我建议不要匆忙进入HTML5。对NewDesignMain和SavePeelTop的更改不起作用？你能描述一个例子吗？把它改成右边：2px；顶部：9px；为我把它排成一行。如果你不介意作弊，让它与IE一起工作，你可以添加*对：10px；在第一次使用IE hack的权利之后，让它在IE中以不同的方式渲染。只需调整它，直到它也对齐，我想说我同意w/@Josiah Sprague。。。向下投票的结果如何？我会尝试这样的方法。SavePeelTop{position:absolute；right:2px；*right:12px；top:10px；}这应该在FF中对齐，使用*right来调整它，使它在iTenks中看起来正确感谢帮助尽管我在这里很挣扎，但有人有工作版本吗？