Как псевдоэлемент может определять высоту непсевдоэлемента?

См. http://jsfiddle.net/ZWw3Z/

Text text text text text text text...

p {
    background-color: blue;
}

p:before {
    content: '';
    position: absolute;
    width: 10px;
    height: 100%;
    background-color: red;
}

По сути, высота псевдоэлемента слишком велика. Я хочу, чтобы он имел ту же высоту, что и элемент p . Как я могу это сделать?