调整IE8及更低版本的图例字段的宽度

Question

我创建了一个HTML 5表单，其中我的图例都有背景颜色。我的目标，即在FireFox，谷歌浏览器，IE 9中实现，是使文本然后背景颜色扩展页面的宽度。然而问题是在IE8及更低版本中它只延伸到单词的末尾。到目前为止，这是我对常规页面的CSS明智之处：

   .FormArea legend
    {
   font-weight: bold;
   font-size: 1.2em;
   line-height: 2em;
   display: block;
       color: white;    
       background-color: #A70C1E;
       width: 95%;
       padding-left: 7px;   
    }

我是否可以了解如何对IE8进行必要的调整

Answer 1

我刚使用填充：

 .FormArea legend 
    {
       font-weight: bold;
       font-size: 1.2em;
       line-height: 2em;
       color: white;
       background-color: #A70C1E;
       width: 80px !Important;
       padding-right: 650px !important;       
       display: block;        
    }

    .FormArea legend span
   {
        width:100%;

    }