CSS Layout Help

[Bonner]

Need help with this layout:

|--------------|--------------|--------------|--------------|
img| link | link | link | link |img
|--------------|--------------|--------------|--------------|

header img

|--------------|--------------|--------------|--------------|
img| link | link | link | link |img
|--------------|--------------|--------------|--------------|
---------|
heading |
---------|
link |
link |
link |
link |
link |
link |
link |
---------|
heading |
---------|
link |
link |
link |
link |
link |
link |
link |
----------
|--------------|--------------|--------------|--------------|
img| link | link | link | link |img
|--------------|--------------|--------------|--------------|

footer



Basically the links to the left have to have a background repeat-y which will be contained within the body background to allow it to resize while not being cut off, wrapped and so the height stays at 100%. The link bars |--|--| need a background repeat-x with an image to the left and right to finish the bar. These need to be able to stretch acording to the window size and the list of links has to be inline.

Further more to make things even worse, there will be further layers in the empty space to the left which cannot be affected by the links to the left.

I have this sort of already [1] (http://dancedevils.newstop.co.uk) made but it has a problem in Opera and the code is not exactly efficient either.

Basically I am not asking you to make this, I am asking for possible improvements to my CSS code [2] (http://dancedevils.newstop.co.uk/library/css/default.css) and a suggested fix for Opera while supporting Internet Explorer 5 fully.

http://dancedevils.newstop.co.uk [1]
http://dancedevils.newstop.co.uk/library/css/default.css [2]