firestone: Problem mit Abständen

Beitrag lesen

Hallo zusammen,

habe eine Problem hätte gerne eine H2 in einer Box mit einem Hintergrund. Leider ignoriert der Browser mein margin komplett . Wenn ich allerdings um die h2Box eine border: 1px solid #000; mache bekomme ich das Ergebnis was ich haben möchte. Nehme ich die border wieder raus wird das margin: 15px; meiner h2 komplett ignoriert was mache ich falsch ?

Hier die CSS Datei

  
	  
h2 {  
color: #FFF;  
font-size:1.8461em;  
letter-spacing:-1px;  
margin: 15px;  
}  
  
div.h2Box {  
background:url(./images/h2-bg.gif) left top repeat;  
/* border: 1px solid #FFF;*/  
    }

Und hier die HTML Datei

<!DOCTYPE html>  
<html>  
  
<head>  
    <title>Titel</title>  
  
    <meta charset="ISO-8859-1">  
    <meta name="description" content="">  
    <meta name="author" content="">  
    <meta name="keywords" content="">  
    <meta name="generator" content="Webocton - Scriptly (www.scriptly.de)">  
  
    <link href="style.css" type="text/css" rel="stylesheet">  
</head>  
  
<body>  
  
Beispiel für Überschriften  
  
  
<div class="h2Box"><h2>Überschrift - H2</h2></div>  
  
  
</body>  
</html>  

Lg Fireli