Active Scaffold is a well known Rails plugin that we use on a regular basis to enhance the back end of our clients applications.

The Problem

The problem we had was when we drilled down a couple of levels the tables would expand and overlap the outer container. This was in IE only (as usual) and renderd great in Firefox.

The Solution

After a couple of days of pulling our hair out and ripping the CSS to bits we found the culprit (around line 230 on the active scaffold - stylesheet.css)

   1  .active-scaffold tr.record td.actions {
   2  border-right: solid 1px #ccc;
   3  padding: 0;
   4  width: 1%;
   5  }

Needs to be

   1  .active-scaffold tr.record td.actions {
   2  border-right: solid 1px #ccc;
   3  padding: 0;
   4  }

YES!! that right just one small attribute was causing all the problems.