Css layout with images and divs

Im stuck with this

[ashish2005]

Hi, I am trying to create a header for my website and I am really stuck.

This is what I want to achive:

I want to keep an image on the left corner.
A line-type image which repeats-x, next to the left corner (in the middle) till it touches the other corner
And a right corner image on the right.

I have tried multiple ways but things/images overlap or go to the other line. I only want to use css and html for this so could anyone suggest me a way to achieve my layout?

Thanks

[limbo]

I'd use floats within a container.

<div id="header">
<img src="left_img.gif" class="left">
<img src="right_img.gif" class="right">
</div>

Apply floats to each image using the classes, and then apply repeating image background to the #header container.