In need of help because i'm really annoyed:

the problem lies around this piece of code:

#wrapper {
position: relative;
text-align: left;
margin-right: auto;
margin-left: auto;
width: 770px;
}

#nav_panel {
position: absolute;
top: 0;
left: 0;
width : 175px;
text-align : center;

}

#content_panel {
text-align : left;
margin-left: 165px;
}

In IE these two columns will both be aligned across the top of the page while in firefox the content_panel column will have a space at the top that I CANNOT get rid of...it's something that I feel like I've been working on for days and I just need to know how to solve this.

Thanks