diff --git a/template/yoga/fix-ie5-ie6.css b/template/yoga/fix-ie5-ie6.css
index 99d2b311b..59e3ccee1 100644
--- a/template/yoga/fix-ie5-ie6.css
+++ b/template/yoga/fix-ie5-ie6.css
@@ -3,11 +3,6 @@
 
 @import "thumbnails-fix-ie5-ie6.css";
 
-/* fix lack of :hover behaviour for non link objects */
-BODY {
-  behavior:url("template-common/csshover.htc");
-}
-
 /* to avoid vanishing objects in IE6 */
 H1, #theHeader {
   width: 100%;	/* <- useless but seems to make IE6 happy */
diff --git a/template/yoga/header.tpl b/template/yoga/header.tpl
index 0c0619352..3257185cc 100644
--- a/template/yoga/header.tpl
+++ b/template/yoga/header.tpl
@@ -24,6 +24,10 @@ the "text/nonsense" prevents gecko based browsers to load it -->
 <title>{GALLERY_TITLE}:{PAGE_TITLE}</title>
 <script type="text/javascript" src="{pwg_root}include/scripts.js"></script>
 <!--[if lt IE 7]>
+  <style>
+    /* only because we need \{pwg_root\} otherwise use fix-ie5-ie6.css */
+    BODY { behavior:url("{pwg_root}template-common/csshover.htc"); }
+  </style>
   <script type="text/javascript" src="{pwg_root}include/pngfix.js"></script>
 <![endif]-->
 </head>