IE7 scrolling and rendering problem

I have two desktop machines both running XP home and using IE7. I also have two laptops, 1 is linux unbuntu with Opera,FF 3.5, Chrome and Epiphany browsers, and the other a new laptop with IE7.

Here's the problem. I am developing a website that so far works great until I load it with IE7. I have conditional style sheets loaded depending on the browser so everything lines up properly. This is working for IE7 and it looks fine, only the page takes a while to load, and more importantly, if you try scrolling it has a delay first, then scrolls about half a line, then jumps down about 4 or 5 lines and the screen renders VERY slowly.

I have done about 24hours of research into this and got the normal responses like :
it's a ram issue
it's your mouse driver
it's a plugin
it's because you have smooth scrolling enabled

My opinion is "It's an IE7 issue"

I need help working this out. I have tested a test page with other browsers on different machines and ALL work as they should except IE7 and I have tried that on 3 machines. All very jerky and slow.

It is NOT an internet problem as I also have a local server on two machines and the problem is there as well.
Any thoughts or ideas would be appreciated

As a footnote I might add that I have a feeling it is to do with the style sheet and absolute positioning but I'm not certain. I have attached the stylesheet code...

html, body {
	margin:auto;
	background:url('../images/hatch.png');
	}
a:link {
	color:yellow;
}
a:visited {
	color:yellow;
}
a:active {
	color:yellow;
}
#page
{
	width     :900px;
	height    :1213px;
}
#logo-area
{
	width     :900px;
	height    :106px;
  background-color:#000000;
	position  :relative;
	left      :0px;
	top       :0px;
}
#logo-left
{
	position  :relative;
	float     :left;
	top       :0px;
	width     :265px;
	height    :106px;
	background:url('../images/logo.png');
}
#admin-link
{
	position  :relative;
	left      :88px;
	top       :54px;
	width     :10px;
	height    :10px;
	cursor    :pointer;
}
#logo-mid
{
	position  :relative;
	float     :left;
	width     :315px;
	height    :106px;
  background-color:#000000;
}
#logo-right
{
	position  :relative;
	float     :left;
	width     :320px;
	height    :106px;
  background-color:#000000;
}
#email-block
{
	     float:right;
	position  :relative;
	top       :-56px;
	width     :280px;
	height    :56px;
}
#email-submission
{
	position:relative;
	float   :right;
	width   :280px;
	top     :0px;
	font    :12pt arial;
	color   :#dddddd;
      text-align:center;
}
#email
{
	position:relative;
	left    :60px;
	top     :5px;
	float   :left;
	width   :160px;
	height  :20px;
}
#email-go
{
	position:relative;
	float   :left;
	left    :60px;
	top     :3px;
	width   :41px;
	height  :25px;
	background: url('../images/email-go.png');
	cursor  :pointer;
}
#email-go:hover
{
	background: url('../images/email-go-over.png');
}
#block-main
{
	width     :900px;
	height    :340px;
    position  :absolute;
	left      :0px;
	top       :106px;
	background:url('../images/mainswf.png');
}
#horizontal-pin
{
	position  :absolute;
	top       :446px;
	left      :0px;	
	width     :900px;
	height    :1px;
  background-color:#dddddd;
}
#menu-block
{
	width     :239px;
	height    :766px;
    position  :absolute;
	left      :0px;
	top       :447px;
	text-align:left;
  background-color:#2d2d2d;
	color     :#e6e6e6;
}
#menu-main
{
	position  :relative;
	left      :16px;
	top       :10px;
	background:url('../images/menu/menu-button.png');
	width     :200px;
	height    :auto;
 background-repeat:no-repeat;
      overflow    :hidden;
}

#menu-main1
{
	position  :relative;
	left      :16px;
	top       :10px;
	width     :200px;
height :26px;
}
#menu-main-text
{
	position  :relative;
	left      :40px;
	top       :4px;
	font      :12pt arial;
	color     :#e6e6e6;
       font-weight:bold;
	cursor    :pointer;
}
#menu-main-text:hover
{
	color     :#CDCDCD;
}
#menu-sub
{
	position  :relative;
	left      :24px;
	top       :10px;
	width     :132px;
	height    :15px;
	background:url('../images/menu/menu-sub.png') 0%;
 background-repeat:no-repeat;
 margin-bottom    :4px;
	padding   :3px;
}
#menu-sub-text
{
	position  :relative;
	left      :35px;
	top       :-2px;
	font      :12pt arial;
	color     :yellow;
	cursor    :pointer;
	padding   :4px;
	}
#menu-sub-text:hover
{
	color     :white;
}
#credit
{	position  :relative;
	left      :16px;
	top       :50px;
	width     :200px;
	height    :30px;
	background:url('../images/menu/credit.png');
}
#vertical-pin
{
	position  :absolute;
	left      :239px;
	top       :447px;
	width     :1px;
	height    :766px;
  background-color:#dddddd;
}
#block1
{
	width     :660px;
	height    :218px;
        position  :absolute;
	left      :240px;
	top       :447px;
	background:url('../images/page2.png');
}
#block1-text
{	position  :absolute;
	width     :652px;
	height    :72px;
	left      :240px;
	top       :665px;
        background:url('../images/hatch2.png');
	text-align:left;
	font      :12pt arial;
	color     :#dddddd;
	padding   :4px;
}
#block2
{
	width     :660px;
	height    :218px;
        position  :absolute;
	left      :240px;
	top       :745px;
	background:url('../images/page3.png');
}
#block2-text
{	position  :absolute;
	width     :652px;
	height    :72px;
	left      :240px;
	top       :963px;
    background:url('../images/hatch2.png');
	text-align:left;
	font      :12pt arial;
	color     :#dddddd;
	padding   :4px;
}
#block3
{
	width     :660px;
	height    :170px;
    position  :absolute;
	left      :240px;
	top       :1043px;
	background:url('../images/page4.png');
}
#page1
{       position  :relative;
	float     :right;
	width     :660px;
	font      :18pt verdana;
	color     :maroon;
   padding-top:5px;
	text-align:left;
}
#bottom-menu
{
	position  :relative;
	top       :-43px;
	width     :898px;
	height    :40px;
background-color:black;
	font      :10pt arial;
	color     :silver;
	text-align:right;
}

Select allOpen in new window