I’m trying to set the background for the first row of the table using three images (left, right and middle). The middle can be an image or just a color fill.
The code is in this Fiddle:
http://jsfiddle.net/bumpy009/c3txj/13/
The result should look like this:

I am only able to make one arrow appear at a time, not both at once, nor fill the middle area with color.
I need to use the table bg method since I am planning to use this class for different tables with different widths and different cell widths.
Any suggestions?
You can only apply one background image to a table.
If you apply the left and right classes to the respective tags it will work
http://jsfiddle.net/tXGCa/2/