IE 6 & 7 padding problem

[greenparrot]

On this page - <snip> - the page content butts upto the right hand edge, its fine in other browsers.

If i remove the following code from the css the problem disappears and also the picture!

.round {
-moz-border-radius: 15px;
-webkit-border-radius: 15px;
-khtml-border-radius: 15px;
border-radius: 15px;
behavior:url(../../border-radius.htc);
}

Can anyone help me sort this irritation?

Thanks

Roy

[edited by: swa66 at 12:33 pm (utc) on Nov. 12, 2009]
[edit reason] llink removal - please see ToS and Forum Charter [/edit]

[xclamationdesign]

Most likely it's because your using CSS3 code when IE6 barely supports CSS1 and IE7 is only just capable of rendering CSS2.

CSS3 will only work correctly in FF3 and Chrome, not sure about any others ie. Opera or Safari...?

[swa66]

IE 6 and IE7 (and also IE8)
should ignore
-moz-border-radius: 15px;
-webkit-border-radius: 15px;
-khtml-border-radius: 15px;
border-radius: 15px;

So that leaves the htc as cause ?
Try just removing that line (it's not valid CSS anyway) ?