"Registerkarten" über Inhalts-Div

Hallo.

Auf www.prinz.de gibt es rechts den "Reaktionsticker". Der Titel ist als eine Registerkarte dargestellt. So würde ich es auch gerne auf meiner Website machen.

So ist der CSS-Code:

.thebox {background:#fff;background-position:top right;background-repeat:no-repeat;padding:22px 0 0 0;margin:0 0 20px 0;}
.thebox .nav {overflow:hidden;zoom:1;margin:0;padding:0;background:transparent url("/img/bg_box_line.gif") repeat-x 0 22px;}
.thebox .nav li {float:left;font-weight:bold;border:1px solid #aaa;border-bottom:none;margin:0 2px 0 0;padding:0;}
.thebox .nav li a {float:left;color:#fff;padding:2px 9px 4px 9px;background:#aaa;}
.thebox .nav li a:hover {color:#fff !important;}
.thebox .nav li.active a {color:#000;background:#fff;}
.thebox .nav li.active a:hover {color:#E31921 !important;}

Der HTML-Code:

<div class="thebox">
        <ul class="nav">

                <li class="active"><a href="#">Redaktionsticker</a></li>

        </ul>
        <div class="inbox">
                ..Inhalt

Alles funktioniert außer der Linie rechts (unten) der "Registerkarte". Wie kann ich diese Linie hinzufügen?