Unwrongest Tabify

HTML

<ul id="menu">
    <li class="active"><a href="#contentHome">Home</a></li>
    <li><a href="#contentGuestbook">Guestbook</a></li>
    <li><a href="#contentLinks">Links</a></li>
</ul>
<div class="content" id="contentHome">Content for Home</div>
<div class="content" id="contentGuestbook">My guestbook</div>
<div class="content" id="contentLinks">Links</div>

CSS

body { font: 0.8em Arial, sans-serif; }
#menu { padding: 0; }
#menu li { display: inline; }
#menu li a { background: #ccf; padding: 10px; float:left; border-right: 1px solid #ccf; border-bottom: none; text-decoration: none; color: #000; font-weight: bold;}
#menu li.active a { background: #eef; }
.content { float: left; clear: both; border: 1px solid #ccf; border-top: none; border-left: none; background: #eef; padding: 10px 20px 20px; width: 400px; }

JavaScript

$('#menu').tabify();