Got inset boxes working in ie

2 files changed, 11 insertions, 6 deletions

diff --git a/beweb/beweb/static/css/style.css b/beweb/beweb/static/css/style.css
index 58f6956..03c2ca4 100644
--- a/beweb/beweb/static/css/style.css
+++ b/beweb/beweb/static/css/style.css
@@ -76,3 +76,8 @@ table.insetbox
   margin-top: 0.5em;
   margin-bottom: 0.5em;
 }
+.insetbox tr, .insetbox td
+{
+  margin: 0;
+  padding: 0;
+}
diff --git a/beweb/beweb/templates/master.kid b/beweb/beweb/templates/master.kid
index 743634a..f6f54b1 100644
--- a/beweb/beweb/templates/master.kid
+++ b/beweb/beweb/templates/master.kid
@@ -15,20 +15,20 @@
     
     <div py:replace="item[:]"/>
 </body>
-<table py:match="item.tag=='{http://www.w3.org/1999/xhtml}insetbox'" cellspacing="0" cellpadding="0" class="insetbox">
-<tr><td><img src="/static/images/is-tl.png" /></td>
+<table py:match="item.tag=='{http://www.w3.org/1999/xhtml}insetbox'" cellspacing="0" cellpadding="0" border="0" class="insetbox">
+<tr height="19"><td background="/static/images/is-tl.png" width="19"/>
     <td background="/static/images/is-t.png" />
-    <td><img src="/static/images/is-tr.png"/></td>
+    <td background="/static/images/is-tr.png" width="11"></td>
 </tr>
 <tr>
     <td background="/static/images/is-l.png"/>
     <td py:content="item[:]"> Hello, this is some random text</td>
     <td background="/static/images/is-r.png"/>
 </tr>
-<tr>
-    <td><img src="/static/images/is-bl.png" /></td>
+<tr height="11">
+    <td background="/static/images/is-bl.png"/>
     <td background="/static/images/is-b.png" />
-    <td><img src="/static/images/is-br.png"/></td>
+    <td background="/static/images/is-br.png"/>
 </tr>
 </table>
 </html>