Блин, что за глупости? Jquery, картинки...
<div style="width:22%;background:#fdd;display:inline-block">1</div><div style="width:78%;background:#dfd;display:inline-block;*!*border-left:1px solid;margin-left:-1px;*/!*">2</div>
Или так, если полоска прозрачная:
<body style="background:#669">
<div style="*!*margin-right:1px;*/!*">
<div style="width:22%;background:#fdd;float:left;">1</div>
<div style="width:78%;background:#dfd;float:right;*!*margin-right:-1px;*/!*">2</div>
</div>
Вариантов куча.