Pleine Largeur de Google Map Et CSS

J'ai une pleine largeur de la carte google sur une page à l'aide de height="100%" et width="100%". Je veux savoir mettre un peu de css div trucs sur le dessus. J'ai lu que l'utilisation de valeurs négatives telles que margin-top: -500px; de travail, et ils le font, cependant, lorsque j'essaie d'attribuer une couleur à l'arrière-plan de la div, il ne s'affiche pas sur la carte, il l'affiche, ce qui n'est pas ce que je veux à tous. Est-il une solution à cela?
Code:

<iframe width="100%" height="100%" frameborder="0" scrolling="no" marginheight="0" marginwidth="0" src="http://maps.google.com/maps?hl=en&amp;ie=UTF8&amp;ll=37.0625,-95.677068&amp;spn=56.506174,79.013672&amp;t=m&amp;z=4&amp;output=embed"></iframe>

<div class="content"> I want this text to be in a div box that has a black background. <br /> </div>

Style:

.content {
     margin-top: -500px;
     width: 390px;
     background-color: black;
}

OriginalL'auteur Joshua Terrill | 2012-04-20