IE 7.0 rendering issue

[PsychomIKE]

I'm getting a problem with rendering in I.E7 - I.E8, Chrome and FF are fine though.

I have an absolute positioned image positioned in the bottom left of a div (to give the appearance of a curved corner) but soemtimes there is a pixel high BG colour behind it.

I 'think' it's caused by IE not working out percentages correctly, for example I read it has problems displaying 3 aligned 25% width DIVs at certain screen sizes and you get 1 pixel errors.

Here's the CSS - we ewre using EM sized fonts before but changed them to try and fix the problem but to no avail. Can anyone suggest anything else?

body {
	PADDING: 0px; 
	FONT-SIZE: 9pt;
	MARGIN: 10px;
	BACKGROUND-COLOR: #a5a281;
}
.textbox P {
	COLOR: #414141; 
	FONT-FAMILY: verdana, arial; 
	TEXT-ALIGN: justify;
	margin:9pt 0;
}
.textbox H1 {
	FONT-SIZE:15pt;
	COLOR:#414141;
	LINE-HEIGHT:1.9em;
	BORDER-BOTTOM:#d9d7d8 1px dotted;
	FONT-FAMILY:verdana, arial;
}
.textbox H3 {
	FONT-SIZE:11pt;
	COLOR:#414141;
	FONT-FAMILY:verdana, arial;
	margin:20px 0px 10px 0px;
	line-height:1pt;
}
.textbox a:link {color:#414141;text-decoration:none;font-weight:bold}
.textbox a:visited {color:#414141;text-decoration:none;font-weight:bold}
.textbox a:hover {color:red;text-decoration:none;font-weight:bold}
.textbox a:active {color:red;text-decoration:none;font-weight:bold}
 
.textbox UL {
	MARGIN:2pt; 
	COLOR:#414141; 
	FONT-FAMILY:verdana, arial; 
	LIST-STYLE-TYPE:none;
	padding:0px;
}
.textbox LI {
margin: 0px;
padding: 2pt;
}
.textbox li a:link {color:#414141;text-decoration:none;font-weight:lighter}
.textbox li a:visited {color:#393939;text-decoration:none;font-weight:lighter}
.textbox li a:hover {color:red;text-decoration:none;font-weight:lighter}
.textbox li a:active {color:red;text-decoration:none;font-weight:lighter}

.textbox {
BORDER:0px;
PADDING:10px; 
BACKGROUND:#fff; 
WIDTH:464px;
position:relative;
margin:10px 0px;
}
.gallery {
float:right;
padding:0px;
margin:0px 0px 5px 20px;
}

.gallery img {
border:2px solid #d9d7d8;
}

.gallery p {
text-align:center;
font-style:italic;
font-size:7pt;
padding:0px;
margin:2px;
}
img.roundedge {
position:absolute; 
bottom:0px; 
right:0px;
}



.table {
clear:both;
margin:0;
padding:0;
border-collapse:collapse;
}

.table td {
margin:10px;
padding:8px 10px;
BORDER-top:#d9d7d8 1px dotted;
BORDER-bottom:#d9d7d8 1px dotted;
background-color:white;
}

.table td:hover {
background-color:#f7f5f6;
}

.table p {
font-size:9pt;
font-weight:lighter;
margin:0;
}