Problema con header fixed y enlaces a partes de la página

[peponks]

Hola:

Os escribo porque estoy desesperado por problema que estoy teniendo en IE con un header que tiene una posición fixed y enlaces internos que llevan a los encabezados (h3) de distintas secciones de la página (hash links).

Mi código CSS para hacer que las partes de la página no se abran en el top de la ventana es el siguiente:

Código CSS:

#container section header h3:before { 
  display: block; 
  content: " "; 
  margin-top: -190px; 
  height: 190px; 
  visibility: hidden; 
}
 

El código funciona fenomenal en todos los navegadores excepto ie, que parece ignorar el margin-top.
Es extraño porque sigo exactamente el mismo método que se utiliza en esta página
[URL="https://css-tricks.com/examples/HashLinksWithPadding/pseudo.php"]https://css-tricks.com/examples/HashLinksWithPadding/pseudo.php[/URL]

[pzin]

Añádele un color de fondo al pseudo elemento, a ver si IE lo interpreta bien. No puedo probarlo porque no tengo IE instalado.

[peponks]

Gracias por responder Pzin, y perdona que no te haya contestado antes.

La verdad es que lo he solucionado cambiando los enlaces a unos <span> vacíos situados encima de los h3 a los que dirigían anteriormente los links.

Aunque no me gusta mucho la solución porque ensucia el código un poco, lo cierto es que ahora funciona perfectamente en ie, así que lo dejaré así por el momento.

Muchas gracias de todas formas.