Text on IMG

Ok, I have an image inside of a DIV and I want text to show up on TOP of the image without having ANOTHER DIV inside.

So in pCode it looks kind of like this.

Code:

---

<DIV>
<IMG HERE>
<TEXT>
</DIV>

---

How do I make the text appear on the image, and image on div?
Is there a DIV Background or something?

You can use style:

Code:

---

<div style="background-image:url('image.png'); background-repeat:no-repeat;">
  Some Text
</div>

---

That seems to work but gives me strange results. Since i have
1 BIG DIV

<DIV> with smaller ones iniside
<DIV></DIV>
<DIV></DIV>
</DIV>

These act as a drop down menu. Now, their size and position varies coorespondong to some parameters so their usually 2 pixels or so appart. Each child div has also <FONT>Text</FONT> on it to show a menu command.

_________
MENU DIV
_________
DIV1
_________
xxxxxxx
_________
DIV 2
_________
xxxxxxx
_________
END MENU DIV
_________

The xxxx's indicate a space between the children div.
MENU DIV

When I use the background, the button image shows up but takes out the spaces. This is bizzar!
The <FONT> Stays in the right place, meaning each <FONT>Menu Text</FONT> stayes where it should, with spaces.. but the div pictures form 1 big picture without spaces.
_________
MENU DIV
_________
DIV1
_________
DIV 2
_________
END MENU DIV
_________

Why does this happen?

...wait, nm that last post.
I was putting in <IMG SRC="file"> in there for some reason, and that was what was acting so bizzar! But now it wont even show up. ***?

Can you post/upload the code you're using?

I got it working. Thanks for the help anyway... I was using a wrong ", should of been using '...

anyhow, I appriciate the help. Thanks alot.

InVitro

No problems.