Не могу сделать меню

[Choo]

Вот такое меню мне нужно сделать. Слева выбор пункта, справа контент. Причём контент в рамке и выбранный пункт должен быть в рамке, а остальное нет. Так вот. Я сделал так - 2 слоя с позишн=абсолют, в одном ul-список пунктов, в другом поле для контента. У контента со всех сторон бордер, у выделенного элемента справа-сверху-снизу, с права белый, который как бы перекрывает правый бордер. Всё так и получается, но это решение не подошло из-за проблемы:

Как видите, перекрыло на 2 пикселя больше, чем надо, а это мне не подходит. Ваши предложения?

HTML:

<div class="cats">
	<ul>
		<li class="selected cat_events">события</li>
		<li class="cat_design">дизайн</li>
		<li class="cat_music">музыка</li>
		<li class="cat_extreme">экстрим</li>
		<li class="cat_gadjets">гаджеты</li>
	</ul>
</div>

<div class="content">
	тут контент
</div>

CSS:

div#popular_news div.cats {
	z-index: 2;
	position: absolute;
	width: 112px;
}

div#popular_news div.cats li {
	padding-left: 15px;
	padding-top: 3px;
	height: 22px;
	border-top: 1px solid #FFF;
	border-left: 1px solid #FFF;
	border-bottom: 1px solid #FFF;
	font: 14px Arial;
	display: block;
}

	div#popular_news div.cats li.selected {
		border-top: 1px solid #D9D8CA;
		border-left: 1px solid #D9D8CA;
		border-bottom: 1px solid #D9D8CA;
		border-right: 1px solid #FFF;
	}

div#popular_news div.content {
	z-index: 1;
	position: absolute;
	min-height: 133px;
	width: 375px;
	left: 251px;
	border: 1px solid #D9D8CA;
}

Edited October 8, 2008 by Choo

[Choo]

Неужели никто не знает?

[Vlad]

Как видите, перекрыло на 2 пикселя больше, чем надо, а это мне не подходит. Ваши предложения?

Не вижу! Что кого перекрыло? Конкретизируй проблему.

[Choo]

Картинки обновил. Объясняю. Мне надо чтобы пункт меню перекрыл бордер меню контента и получилось то, что я изобразил на рисунке 1. Но перекрывает не только внутренняя часть, но и внешняя, вобщем проще на рисунок посмотреть. То что через бордеры не получится я уже не понял. Как по-другому реализовать такое меню?