Follow-up to #14581: Use div instead of HTML5 section for IE8

js/tests/unit/tooltip.js

@@ -385,17 +385,17 @@ $(function () {
   test('should position tip on top if viewport has enough space and placement is "auto top"', function () {
     var styles = '<style>'
         + 'body { padding-top: 100px; }'
-        + 'section { height: 300px; border: 1px solid red; padding-top: 50px }'
+        + '#section { height: 300px; border: 1px solid red; padding-top: 50px }'
         + 'div[rel="tooltip"] { width: 150px; border: 1px solid blue; }'
         + '</style>'
     var $styles = $(styles).appendTo('head')
 
-    var $container = $('<section/>').appendTo('#qunit-fixture')
+    var $container = $('<div id="section"/>').appendTo('#qunit-fixture')
     var $target = $('<div rel="tooltip" title="tip"/>')
       .appendTo($container)
       .bootstrapTooltip({
         placement: 'auto top',
-        viewport: 'section'
+        viewport: '#section'
       })
 
     $target.bootstrapTooltip('show')
@@ -410,17 +410,17 @@ $(function () {
   test('should position tip on bottom if the tip\'s dimension exceeds the viewport area and placement is "auto top"', function () {
     var styles = '<style>'
         + 'body { padding-top: 100px; }'
-        + 'section { height: 300px; border: 1px solid red; }'
+        + '#section { height: 300px; border: 1px solid red; }'
         + 'div[rel="tooltip"] { width: 150px; border: 1px solid blue; }'
         + '</style>'
     var $styles = $(styles).appendTo('head')
 
-    var $container = $('<section/>').appendTo('#qunit-fixture')
+    var $container = $('<div id="section"/>').appendTo('#qunit-fixture')
     var $target = $('<div rel="tooltip" title="tip"/>')
       .appendTo($container)
       .bootstrapTooltip({
         placement: 'auto top',
-        viewport: 'section'
+        viewport: '#section'
       })
 
     $target.bootstrapTooltip('show')