Sandbox 3 column layout

I am a novice, and am trying to develop a three column site using the sandbox three column layout below, which I have copied into the theme and replaed the exisiting CSS with the following: – whilst the css renders fine as a three column in both Firefox and IE, in IE when clicking on a page in the sidebar, the page header in the sidebar jumps a little to the left in IE, but which not in Firefox? – I have not added anything other than the basic code below.

Please could someone help?

many thanks

David

/*
LAYOUT: Three-Column
DESCRIPTION: Three-column fluid layout with two sidebars on both sides of content
*/
div#container {
float: left;
width: 100%;
}
div#content {
margin: 0 200px;
}
div.sidebar {
float: left;
overflow: hidden;
width: 180px;
}
div#primary {
margin: 0 0 0 -100%;
}
* html div#primary {
left: 20px;
position: relative;
}
div#secondary {
margin: 0 0 0 -200px;
}
div#footer {
clear: left;
width: 100%;
}