cheers - that multipleIE was exactly what i was looking for, foremore it has enabled me to fix my rollover problem:

Code: Select all

 
#left li{
 margin: 0px;
 margin-bottom: 6px; 
}
#left a{
 display: block;
 padding: 18px;
 background-image: url(../img/button_bg1.jpg);
 color: #0f0;
 text-decoration: none;
 width: 214px;
}
#left a:hover{
 background-position: -274px; 
}

i moved the margin-bottom attribute to the LI rather than the A and changed the width of the A to a px measurment rather than a percentage it works fine now! it has also enabled the stylesheet to work with both Firefox and IE back to ver6 without subsitution. I wasnt quite sure what you were suggesting i did with html>body!? also what was the reasoning in not installing anything less than ie6 - i took your advice...