[CSS]div i img obok siebie Opcje

[aeaeae]

Hej
Chcę umieścić obok siebie trzy elementy blokowe, ale tak, że środkowy (img) będzie miał stałą szerokość i będzie dokładnie na środku, a dwa div po bokach uzupełnią szerokość do 100%. Zależy mi na tym, żeby w samych div nic nie było.

[HTML] pobierz, plaintext 
<div style="width:100%">
  <div style="width:auto;float:left;background-image:url(eee1.png)"></div>
  <img src="obrazek.png" style="float:left" />
  <div style="width:auto;float:left;background-image:url(eee2.png)"></div>
</div>
[HTML] pobierz, plaintext 

Chcę po prostu osiągnąć taki efekt, że na środku jest obrazek, a tło z lewej i prawej kurczy się i rozszerza wraz z rozdzielczością/szerokością przeglądarki. Może ktoś wie jak to zrobić?
Od razu napiszę, że zależy mi na dokładnym ustaleniu pozycji eee1.png i eee2.png względem obrazek.png, więc odpada wpisanie do img background-image i margines auto.

[aeaeae]

To ma być pasek o wysokości 200px na samej górze strony.

Stworzyłem obrazek o szerokości 400px i wysokości 200px (eee.png) w ten sposób, że jego prawy koniec pasuje do lewego - czyli będzie się powtarzał jako tło dla obrazka z tytułem strony. Wziąłem takie dwa "tła" - wtedy razem mają 800px x 200px i na nich zrobiłem tytuł - nazwałem ten plik obrazek.png. i teraz chcę, żeby obrazek.png był zawsze pośrodku szerokości strony, a eee.png z lewej i prawej przylegały odpowiednio do jego początku i końca.

Mógłbym zrobić jeden div z szerokością 100%, tłem, i dać w nim img, ale ten img ma rzucać cień, a starsze IE nie radzą sobie z tym (poza tym nie umiem robić półprzezroczystości - cień zrobiłem w gd php - nie znam się na programach graficznych :/).