Problema con padding

[pato12]

Hola,
Tengo un div con css:

Código html:

<style type="text/css">
<!--
.description {
    background-image: url(images/fondo/video.png);
    background-repeat: no-repeat;
    background-position: center bottom;
    height: 100px;
    width: 500px;
    padding-right: 20px;
    padding-left: 15px;
}
-->
</style>
<div class="description">Detalle</div>
 

El problema es que en IE anda muy bien, pero en firefox, google chrome y opera anda mal. Medio corrido. Entonces sumo el padding y le resto al width y anda bien, pero en IE anda mal :(
Como se arregla eso
Gracias
Salu2

[emiliodeg]

hay una pequeña "tecnica" q realmente funciona muy bien en todos
para espacios laterales usar margin
para espacios verticales usar padding
en tu caso seria

<style type="text/css">
<!--
.description {
background-image: url(images/fondo/video.png);
background-repeat: no-repeat;
background-position: center bottom;
height: 100px;
width: 500px;
}
.description .inner {margin-right: 20px;
margin-left: 15px;}
-->
</style>
<div class="description"><div class="inner">Detalle</div></div>

[Joni2Back]

una pregunta media desvirtuante pero ya que lo mensionan arriba me gustaria que me dijieran para que sirve el

(esto dentro del <style>)
<!--
-->

[adriancitov7]

no es necesario poner <!-- --> es un comentario html pero en verdad no creo que sea necesario