http://jsfiddle.net/fjPcw/

Jak wykonać by każdy div z treścią 'content1', 'content2', itd. stykal sie z gorna zielona linia.
Interesuja mnie tylko i wylacznie rozwiazania bez zmiany struktury HTML

a moze byc cos takiego ?
http://jsfiddle.net/fjPcw/2/ (zmienilem wysokosc tego glownego kontenera o pare px rowniez) nie wiem czy takie rozwiazanie Cie satysfakcjonuje

Nie boxy z tab1...

Tylko z content1: http://jsfiddle.net/fjPcw/5/

CSS

[HTML] pobierz, plaintext 
.tabs {
    list-style: none;
    padding: 0;
    margin: 0;
    width: 200px;
    height: 112px;
    border: 1px solid green;
    position: relative;
}
 
.tabs li {
    width: 30px;
    height: 20px;
    padding: 3px;
    border: 1px solid grey;
}
 
.tabs div {
    display: none;
    width: 150px;
    height: 40px;
    border: 1px solid #c0c0c0;
    position: absolute;
    top: 0 !important;
    left: 37px;
}
[HTML] pobierz, plaintext 

Dzięki, pomieszkalem z relative i absolute:)