vertical divider using css ( ie. issue )

We are using vertical dividers using css.

Code is:

.sectiondivider {
 border-left:1px solid #d9dbdd; 
 border-right:1px solid #ffffff; 
 height:300px;
 position:absolute;
 right:500px;
 top:310px; 
}

.section2divider {
 border-left:1px solid #d9dbd开发者_开发技巧d; 
 border-right:1px solid #ffffff; 
 height:300px;
 position:absolute;
 left:720px;
 top:310px; 
}

Problem is they are not being rendered in correct position in internet explorer. Is there a better way to overcome this issue. Tested in FF Chrome IE 8

This is a suggestion for trying:

earlier version of IE had issue with right in CSS. Try to see if you can use left to do it instead and try it again in IE.