Hello, I'm completely stuck here and would appreciate some help from you guys.

I'm creating a new website, please take a look at the attached layout.

My problem is that the DIV must cover the screens height, but exluding the top table row with the logo. I have tried height 100%, but this does not take the top table row into consideration. The div is inside a row split in two below the top row.

This the last css I tried:

#articleListContainer{
    float:left;
    overflow:auto;
    position: absolute;    
    width:250px;
    height: 100%;
}

Anyone?

One, don't use position absolute.
Two - read this (it's free)
http://www.communitymx.com/abstract.cfm?cid=BAD95

I'll never understand this obsession with having to have everything full the screen

Make a div as a container (height : 100%) for whole content. Place header and article list container inside main container. Remember to mention header height in pixels. Hope this helps