Question

I need to position a colour which is 50px high but it goes from the middle container to the left end of the page.

Is there a position left width 100% type selector?

Here is the example, so you know what i mean…

The site fits into 960px wide but the solid color needs to stretch on the left side.

Answer 1

See: http://jsfiddle.net/thirtydot/HjrcT/

li, li:before {
    height: 25px;
}
li {
    position: relative;
    width: 200px;
    background: #777
}
li:before {
    content: ' ';
    display: block;
    position: absolute;
    width: 9999px;
    left: -9999px;
    top: 0;
    background: #f0f
}

IE7 does not support :before, so if you need it to work in that infernal browser, :before must be replaced with a <span>: http://jsfiddle.net/thirtydot/HjrcT/1/