From 5ff8612801837caf3be5cd0dfbe8246ee58874eb Mon Sep 17 00:00:00 2001
From: Frode Petterson <frode.petterson@amendor.com>
Date: Mon, 13 May 2013 14:08:01 +0200
Subject: [PATCH] Fixed white background and background image in QS. Improved
 IE8 support in multichoice.

---
 css/questionset.css | 8 ++++++++
 js/questionset.js   | 4 +++-
 2 files changed, 11 insertions(+), 1 deletion(-)

diff --git a/css/questionset.css b/css/questionset.css
index 6da07d3..c1ffbfb 100644
--- a/css/questionset.css
+++ b/css/questionset.css
@@ -7,6 +7,14 @@
 .questionset .h5p-multichoice > .h5p-show-solution, .h5p-blanks .h5p-button {
   display: none;
 }
+.questionset, .intro-page, .questionset-results {
+  position: relative;
+  margin: 1.5em;
+  box-shadow: 0 0 0.625em 0 #515151;
+  background-color: rgba(255,255,255,.75);
+  filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#BFFFFFFF,endColorstr=#BFFFFFFF);
+  zoom: 1;
+}
 .dots-container {
   text-align: center;
   line-height: 2em;
diff --git a/js/questionset.js b/js/questionset.js
index 7ce5e96..725df10 100644
--- a/js/questionset.js
+++ b/js/questionset.js
@@ -269,7 +269,9 @@ H5P.QuestionSet = function (options, contentId) {
     $myDom.html(template.render(params));
     if (params.backgroundImage !== undefined) {
       $myDom.css({
-        background: 'url(' + cp + params.backgroundImage.path + ')'
+        overflow: 'hidden',
+        background: '#000 url(' + cp + params.backgroundImage.path + ') no-repeat 50% 50%',
+        backgroundSize: '100% auto'
       });
     }