ASp.net grid view fixed header problem

See more:

ASP.NET

Hello, in order to freeze the header of the grid view i am using the following css class and associate with headerstyle of the gridview.

.joblistview_header_row
{
    background-color:#DFE0E2;
    font-weight:bold;
    font-size: 20px;
    vertical-align:middle;
    text-align: left;
    position: fixed;
}

though the headers get freeze the size of the header width is not matching(diminished) the width of the datarows of the gridview.

i changed "position: fixed;" to "position: relative;" the width was matching with that of the datarow but the header wasn't freezed.