css - 调整 IE8 及更低版本的 Legend 字段的宽度

Question

我创建了一个 HTML 5 表单，其中我的图例都有背景颜色。我的目标是在 FireFox、Google Chrome、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%;

    }