X-Cart forums - DIV Design question

Hi there,
it's not a question which has something to do with x-cart directly, but this one is driving me mad and i coudn't find any helpful code on the web. May be someone here has an answer.

I designing my shop with css and div completely. i wanna show on the left side a background image and then overlay in the center text

i tried this for example

Code:

<div style="BACKGROUND-IMAGE: url(/skin1/central/countdown.gif); padding-right: 0px; PADDING-LEFT: 30px; PADDING-TOP: 100px; FONT-SIZE: 14px; BACKGROUND-REPEAT: no-repeat">

<div style=" position:absolute; padding-left:5px; padding-top:4px; color:#FFFfff; font-size:14px; font-weight:bold; line-height:normal">366 days</div>

</div>

But the text is showing up below the picture. how can i overlay the text over the background?

thanks in advance