Text im div klebt oben am Rand

[Teela]

Hallo zusammen!

Ich bin gerade dabei, ein neues Layout für meine HP zu basteln
und habe nun folgendes Problem:

Der Titeltext der einzelnen Navigationskästen klebt oben am Rand.

http://img527.imageshack.us/img527/2485/momentan1wh.gif

CSS:

div.sbhead {
height: 30px;
width: 170px;
margin: 0px;
background-image: url(../images/pics/sbhead.gif);
color: #000;
}

div.sbhead p {
margin-top: 0px;
margin-left: 25px;
}

HTML: <div class="sbhead"><p>Infos</p></div>

Problem:

Wenn ich den Text (div.sbhead p) mit margin-top bearbeite,
schieben sich die Kästchen selbst auseinander,
der Text selbst klebt weiterhin oben.

Wenn ich das div "sbhead" mit padding bearbeite,
passiert folgendes:
http://img366.imageshack.us/img366/4778/nachpadding3rg.gif

Wie kriege ich die Schrift in die richtige Position,
ohne dass sich die divs verschieben?

Hoffe, mir kann jemand weiterhelfen

Teela

 

[streetskater]

nimm doch einfach
padding-top: xx;

mfg

 

[asd]

ich würde vorschlagen die Zeilenhöhe zu ändern

 

[XraYSoLo]

streetskaters post BESCHREIBT DIE ZEILENHÖHE - LESEN!

Nils aka XraYSoLo

 

[asd]

Streetskater hat den Innenabstand angegeben, du ...

 

[Teela]

Ich hab das jetzt nochmal ausprobiert,
jedoch mit dem Ergebnis, dass bei Padding nach wie vor die divs selbst auseinanderrutschen -.-

DIe Änderung der Absatzhöhe wird überhaupt nicht registriert,
daher hab ich die rausgenommen...

 

[Verhueterli]

Mach doch in das Div ein zweites Div, bei dem du dann mit margin arbeitest.

» margin bei css4you

 

[Teela]

Vielen Dank,
so hat es jetzt funktioniert ^^