previousSibling не работает

Я хочу нацелиться на первый<p> внутри div, выбрав второе<p> и используяpreviousSibling собственность, но она не работает.

<div id="par">
<p id="p1">test</p>
<p id="p2">test</p>
</div>


document.getElementById('p2').previousSibling.className = 'red';

РЕДАКТИРОВАТЬ:

ОК, он работает во всех браузерах, кроме IE8, но я хочу, чтобы он работал и в IE8, я попробовал следующее условие, но безрезультатно:

var c = document.getElementById('p2').previousElementSibling.className = 'red';

if (c == undefined) {

    c = document.getElementById('p2').previousSibling.className = 'red';
}

Это все еще работает везде, но IE8. Как я могу изменить вышеуказанное условие для IE8?

РЕДАКТИРОВАТЬ 2:

Успел заставить его работать и в IE8:

var c = document.getElementById('p2');

if (c.previousElementSibling) {

    c.previousElementSibling.className = 'red';

} else {

    c.previousSibling.className = 'red';

}