我一直在制作选项卡菜单而不添加doctype语句.它在我的眼中完美地工作,但当我放置<！DOCTYPE HTML PUBLIC“ – // W3C // DTD XHTML 1.0 Transitional // EN”>或任何其他类型的Doctype,我的布局完全混乱.下面是三张描述的图片

1.)扩展窗口(没有doctype)

2.)合同窗口(没有doctype)

3.)合同规定的窗口(WITH doctype)

我正在使用：after伪后将“滑动门”的右侧放置在代码片段中：

#nav li:after {
    width:10px;
    content:"";
    background: url('tabRight.png');
    position:absolute;
    height:100%;
    top:0;
    right:-10;
}

我对Web开发很陌生,所以我不知道是什么导致了这一点.在这一点上的任何帮助将不胜感激.谢谢！

HTML：