Målrette CSS til IE kontra Firefox

Jeg har designet en netside i Firefox, så outputtet ser fint ud med nedenstående CSS. Nu skal jeg gerne have det overført til IE8. Jeg har undersøgt mulighederne for, at der dynamisk vælges mellem forskellige CSS'er ved runtime. Men det ser ikke ud til, at det er en mulighed.

Så nu vil jeg gerne tilrette CSS'en, så den passer til IE8. Speciefikt gælder det primært højre side i en ramme omkring en tabel, som er ganske bred (ca. 5 gange så bred som vestre side), og det samme gør sig gældende for bunden (bunden er ca. 5 gange så bred som toppen).

Findes der en smart måde, at rette dette problem på, eller er man nødsaget til at rette CSS'en manuelt?

Hvis det skal gøres manuelt, hvor skal ændringen så foretages (jeg kan ikke gennemskue det i CSS'en)?

CSS:
.dialog {
  position:relative;
  margin:0px auto;
  min-width:8em;
  max-width:760px; /* based on image dimensions - not quite consistent with drip styles yet */
  color:#fff;
  z-index:1;
  margin-left:0px; /* default, width of left corner */
  margin-bottom:0px; /* spacing under dialog */
}

.dialog .content,
.dialog .t,
.dialog .b,
.dialog .b div {
  background:transparent url(../src/dialog2-blue-800x1600.png) no-repeat top right;
  background-image:url(../src/dialog2-blue.gif);
}

.dialog .content {
  position:relative;
  zoom:1;
  _overflow-y:hidden;
  padding:0px 0px -20px 0px;
}

.dialog .t {
  /* top+left vertical slice */
  position:absolute;
  left:0px;
  top:0px;
  width:12px; /* top slice width */
  margin-left:-12px;
  height:100%;
  _height:1600px; /* arbitrary long height, IE 6 */
  background-position:top left;
}

.dialog .b {
  /* bottom */
  position:relative;
  width:100%;
}

.dialog .b,
.dialog .b div {/*!!!!!!!!!!!!FIREFOX= height:30px;!!!!!!!!!!!!!!!*/
  height:3px; /* height of bottom cap/shade */
  font-size:1px;
}

.dialog .b {
  background-position:bottom right;
}

.dialog .b div {
  position:relative;
  width:12px; /* bottom corner width */
  margin-left:-12px;
  background-position:bottom left;
}

.dialog .hd,
.dialog .bd,
.dialog .ft {
  position:relative;
}

.dialog .wrapper {
/* extra content protector - preventing vertical overflow (past background) */
  position:static;
  max-height:1000px;
  overflow:auto; /* note that overflow:auto causes a rather annoying redraw "lag" in Firefox 2, and may degrade performance. Might be worth trying without if you aren't worried about height/overflow issues. */
}

.dialog h1,
.dialog p {
  margin:0px; /* margins will blow out backgrounds, leaving whitespace. */
  padding:0px 0px 0px 0px;
}

.dialog h1 {
  padding-bottom:0px;
}