fondo de un div sin el área de relleno

Question

tengo esta clase de CSS:

.mgmtError{ 
    width:716px; 
    float:left; 
    background-color:#FF0000; 
    padding:10px; 
    text-align:center; 
} 

y me gustaría dar color al fondo no en el área de relleno. Probé con margen, pero parece que tiene algunos problemas con IE.

¿Alguna otra solución?

Answer 1

Si usted es capaz de acceder al intento HTML:

.mgmtError { 
 
    width: 716px; 
 
    float: left; 
 
    padding: 10px; 
 
    text-align: center; 
 
    background-color: blue; 
 
} 
 

 
.mgmtError div { 
 
    background-color: #FF0000; 
 
}

<div class="mgmtError"> 
 
    <div>Content</div> 
 
</div>

Answer 2

puede utilizar

background-clip:content-box;