ie8 css占满剩余空间,在IE8兼容模式下填充CSS宽度，在正常模式下应该正常工作...

我试图在页面上的图像周围创建边框，并且边框在IE8正常模式下正常工作，但在IE8兼容模式下填充到100％的外部div，我的css如下：

.page-layout .page-header .page-image

{

float:left;

vertical-align:top;

width:170px;

}

.page-layout .page-header .page-image div,

.page-layout .page-header .page-image img

{

float:left;

}

.page-image-imgtop

{

background-image:url('/Style Library/images/pagecontent-image-top-bg.png');

background-repeat:repeat-x;

height:6px;

float:left;

clear:both;

width:100%;

}

.page-image-imgleft

{

background-image:url('/Style Library/images/pagecontent-image-bg-left.png');

background-repeat:repeat-y;

float:left;

text-align:right;

clear:both;

}

.page-image-imgright

{

margin-left:7px;

padding-right:8px;

background-image:url('/Style Library/images/pagecontent-image-bg-right.png');

background-repeat:repeat-y;

background-position:top right;

float:left;

clear:both;

}

.page-image-imgbottom

{

background-image:url('/Style Library/images/pagecontent-image-bottom-bg.png');

background-repeat:repeat-x;

height:6px;

float:left;

clear:both;

width:100%;

}

以下HTML：