background-image with a left and right, the repeat-x of center image makes the right image not show up <pre><code>.news-header { background-image: url(maureske_green_left.gif), url(maureske_green_body.gif), url(maureske_green_right.gif); background-position: left, center, right; background-repeat: no-repeat, repeat-x, no-repeat; height: 31px; } </code></pre> <p>This works good but the repeat-x of <code>maureske_green_body.gif</code> makes maureske_green_right.gif to not show up.</p> <p>Setting a <code>width</code> doesnt make the right image to show neither.</p> <p>If I do <code>no-repeat</code> on the center image all images show up but of course theres a gap between all three. So how do I fix without making center image same width as webpage?</p> <p>Thanks in advance!</p> <p>Jarosław</p>