Alternative description: margin:auto is great, but I need a repeated-background in the margins!
Percent-width's don't work, since the middle is a fixed-pixel width.
I don't need layers, since the middle cell needs to be transparent.
I've tried display:table-cell with width:50%, but that's not IE6-safe
I figured that didn't make sense.
Ultimately, I need a browser-safe version of something like this pseudo-code:
<ul width="100%" style="background:url(image.png);">
<li width="*" style="background:url(image2.png) repeat-x;"></li>
<li width="400px">hi, I'm transparent, and show the ul's background image</li>
<li width="*" style="background:url(image2.png) repeat-x;"></li>
</ul>
Percent-width's don't work, since the middle is a fixed-pixel width.
I don't need layers, since the middle cell needs to be transparent.
I've tried display:table-cell with width:50%, but that's not IE6-safe
I figured that didn't make sense.
Ultimately, I need a browser-safe version of something like this pseudo-code:
<ul width="100%" style="background:url(image.png);">
<li width="*" style="background:url(image2.png) repeat-x;"></li>
<li width="400px">hi, I'm transparent, and show the ul's background image</li>
<li width="*" style="background:url(image2.png) repeat-x;"></li>
</ul>