IE - TABLE width=100% next to float hack breaks wrapping of normal text

I have a page at (view in IE):

http://rmc2.dev.leepfrog.com/ie_fix_me/index.html

that has an image floated right outside of a main content div that
looks like:

<img src="blah" style="float: right; clear: right;>
<div class="schoolofcenter">

content here

</div>

I want a table with width=100% to be next to the floated image inseide
the content div and not clear beneath the image floated right. To
accomplish this, I used the follwoing IE hack:

/* Hide from IE5-mac. Only IE-win sees this. \*/

* html .schoolofcenter TABLE {
margin-left: 0px;
margin-right: -3px;
}
* html .schoolofcenter {
height: 1%;
}
/* End hide from IE5/mac */

It works on the page referenced above, but on other pages causes text
to clear below the floated image (see
http://rmc2.dev.leepfrog.com/ie_fix_me/index2.html). Of course, when I
remove the "height: 1%" from the hack, the second page looks fine (see
http://rmc2.dev.leepfrog.com/ie_fix_me/index2_alt.html) but the table
on the first page goes back to breaking beneat the image floated right
(see http://rmc2.dev.leepfrog.com/ie_fix_me/index_alt.html).

So, the question is, does anyone know how I can have a table with width
= 100% not break beneath the image and still have normal text wrap
beneath it?

Of course, it works just fine in FireFox. Thanks ahead of time for any
feedback.