CSS im DIV Problem

[bomberpilotmp3]

Ich habe ein kleines Problem mit CSS. Ich lasse einen Text in einem DIV Kontaineranzeigen. Nur das Problem ist, das er Text versetzt angezeigt wird.

.system_message_red {
   margin: 0px 0px;
   padding: 20px 10px 30px 50px; 
   background: #FFE7E7 url(../../images/icon_warning.png) no-repeat 20px 10px;
   border-top:solid 2px #FE8989;
   border-bottom:solid 2px #FE8989;
   overflow:auto;
}

.system_message {
   margin: 30px 40px;
   overflow: auto;
}

Soweit funktioniert auch alles. Das resultat sieht dann zb so aus:
http://www.pic-upload.de/22.07.08/p86xd7.png

Der Text ist bzw. wird nicht normal angezeigt, sondern versetzt zum oberen. Was mache ich falsch? Den Code rufe ich übrigens so auf:

<div class="system_message_red">
   <a class="system_message">Meldung.....</a>
</div>

 

[Maik]

Hi,

wandel den gewünschten horizontalen Außenabstand in den entsprechenden Innenabstand um:

.system_message_red {
   margin: 0px 0px;
   padding: 20px 50px 30px 90px;
   background: #FFE7E7 url(../../images/icon_warning.png) no-repeat 20px 10px;
   border-top:solid 2px #FE8989;
   border-bottom:solid 2px #FE8989;
   overflow:auto;
}

.system_message {
   margin:0;
   overflow: auto;
}

mfg Maik