Вид shortstory (CSS кто силен?) Дефолт. шаблон Pisces.

Доброго времени суток.
Помогити реализовать вид shortstory как zdes`.
Буду очень благодарен ! Фишка в чем, при навидении на блок (див я так понимаю) он образует border и увеличивает height !?

Я использую стандартный шаблон Pisces, поставил 6 колонок новостей. (сделал новости сеткой)
В shortstory добавил:

<div class="news">здесь сам код shortstory </div>

Воть весь shortstory:

<div class="news">
<div class="base shortstory">
<div class="dpad">
<div class="maincont">{short-story}
<h3 class="btl">[full-link]{title}[/full-link]</h3>
<div class="clr"></div></div>
<div class="mlink"><div class="mlink">
</div></div></div></div></div>

В css прописал стили: (спасибо гуглу)

.news.float {
    float: left;
    width: 16.3%; //значение зависит от желаемого количества колонок (например для 5ти колонок нужно указать 18-20%) 
    }
.clr {
    clear: both;
    height: 0;
    overflow: hidden;
    }

В main.tpl добавил jQuery:

<script type="text/javascript">
jQuery(function($) {$(".news").addClass("float").filter(":nth-child(6n)").after('<div class="clr"></div>');
});
</script>

Вот что получилось.
Теперь прошу помощи реализовать выше описанную проблему.
Если вы про, буду благодарен если подскажете ище почему при переключении на 2 страницу "переключатель" сверху !?