Its works perfectly in Firefox but I get this 1px gap when viewing with IE. I just cant figure it out. Can someone offer some assistance please?

Preview here --> www.ss-interactive.com/ssi2.html

div.header_01 {
	position:absolute;
	left:0px;
	top:0px;
	width:613px;
	height:309px;
}

div.ssi2-01 {
	position:absolute;
	left:0px;
	top:0px;
	width:269px;
	height:70px;
}

div.ssi2-02 {
	position:absolute;
	left:269px;
	top:0px;
	width:344px;
	height:70px;
}

div.ssi2-03 {
	position:absolute;
	left:0px;
	top:70px;
	width:161px;
	height:65px;
}

div.ssi2-04 {
	position:absolute;
	left:161px;
	top:70px;
	width:452px;
	height:1px;
}

div.ssi2-05 {
	position:absolute;
	left:161px;
	top:71px;
	width:452px;
	height:64px;
}

div.ssi2-06 {
	position:absolute;
	left:0px;
	top:135px;
	width:613px;
	height:14px;
}

div.ssi2-07 {
	position:absolute;
	left:0px;
	top:149px;
	width:144px;
	height:64px;
}

div.ssi2-08 {
	position:absolute;
	left:144px;
	top:149px;
	width:469px;
	height:64px;
}

div.ssi2-09 {
	position:absolute;
	left:0px;
	top:213px;
	width:613px;
	height:96px;
}

First of all, making everything position:absolute is a bad approach. Learn to use the normal document flow. Putting all those images into your code isn't going to help either. Using CSS to layout a page is not the same as slicing for tables either. Images like that are best suited as backgrounds to the divs - if you must do that.

Level the playing field - set margin and padding on the body and all elements to 0 first, adjust as needed.

body{
margin: 0;
padding: 0;
}
same goes for your divs