Tricky - Tabs and content to share one background image

[markjohnson]

Hi,

I am trying to create tabs with content using jquery ui, where both the tabs and content share one background image, as seen in the image below.



And click on each tab changes the background to its corresponding image.

I am a bit lost on this, so any idea how this can be achieved in terms of div and css, with or without jquery?

Many thanks in advance!

[artus.systems]

try this with css positioning
background-position { x y }