Need help with CSS (bug) - CSS gurus please help

I will go crazy with this and I don't know what to do more ... I think I tried everything but....

You can see the design here. In FF and Opera everything works great but in IE cant rid of that line on the right side of the rounded box.

The test file is working ok in IE but with the rest of the CSS styles in my design it obviously has some collision.

Here is the CSS code:

/* CSS Document */
 
 body {
     font-family: 'Trebuchet MS', 'Lucida Grande', Verdana, Lucida, Geneva, Helvetica, Arial, sans-serif;
     font-size: 80%;
     color: #6b543a;
     margin: 0;
     padding: 0;
 }
 
 div.cointainer {
     width: 640px;
     height: auto;
     top: 115px;
     position: relative;
     margin-left: auto;
     margin-right: auto;
     z-index: 100;
     clear: both;
 }
 
 div.header {
     position: absolute;
     top: -100px;
     left: 15px;
     float: left;
     z-index: 90;
 }
 
 div.menu_cointainer {
     position: absolute;
     top: 115px;
     left: 0;
     width: 100%;
     height: 49px;
     background: url(img/bar_bg.gif) repeat-x top left;
     z-index: 10;
 }
 
 div.menu {
     width: 100%;
     height: 49px;
     text-align: left;
     position: relative;
 }
 
 div.footer {
     font-size: 90%;
     width: 100%;
     text-align: left;
     clear: both;
 }
 
 div.footer a {
     color: #6b543a;
     text-decoration: underline;
 }
 
 /* general layout settings */
 
 div.align_left {
     width: auto;
     text-align: left;
     float: left;
 }
 
 div.align_right {
     width: auto;
     text-align: right;
     float: right;
 }
 
 div.hr {
     padding-top: 5px;
     height: 1px;
     background: url(img/sep_hor.gif) repeat-x scroll center;
 }
 
 div.hr hr {
     display: none;
     visibility: hidden;
 }
 
 /* CSS for the box starts here */
 div.box {
     padding: 0 12px 0 0;
     background: #f0ebcd url(img/border.gif) 100% 0 repeat-y;
 }
 div.bi {
     padding: 0 0 0 12px;
     background: #f0ebcd url(img/border.gif) 0 0 repeat-y;
 }
 div.bt {
     height: 17px;
     margin: 0 -12px;
     background: #f0ebcd url(img/box.gif) 100% 0 no-repeat;
 }
 div.bt div {
     width: 18px;
     height: 17px;
     background: #f0ebcd url(img/box.gif) 0 0 no-repeat;
 }
 div.bb {
     height: 17px;
     margin: 0 -12px;
     background: #f0ebcd url(img/box.gif) 100% 100% no-repeat;
 }
 div.bb div {
     width: 18px;
     height: 17px;
     background: #f0ebcd url(img/box.gif) 0 100% no-repeat;
 }
 div.box p, .box ul {
     margin: 0;
     padding: 0px 0px 0px 0px;
     background: #f0ebcd;
 }
 div.box li {
     margin: 0 0 0 2em;
     padding: 0;
 }
 /* end CSS for the box */
 

HTML:

Please help!

 

Since this is cross-posted on at least one other forum, and since there is already help being given there, I suggest a mod close this thread to avoid duplication of effort.

Cross posting is contrary to accepted forum/list etiquette[1], and will not win friends and influence people.

cheers,

gary

[1] ESR and Rick Moen's paper is a compilation of long established protocols on usenet, forums and mail lists. To fail to follow these norms after being made aware, is to exhibit gormlessness.

 

Thanks for your help