Remove Overlay Scrollbar if not scrollable along the axis

LayoutTests/fast/forms/select/listbox-overlay-scrollbar-expected.html

Index: LayoutTests/fast/forms/select/listbox-overlay-scrollbar-expected.html
diff --git a/LayoutTests/fast/forms/select/listbox-overlay-scrollbar-expected.html b/LayoutTests/fast/forms/select/listbox-overlay-scrollbar-expected.html
index d79093c794931cecd00ad4bb57d51a8ab994171a..b30d80fa6bdda084d59ca78085162a0cd6544068 100644
--- a/LayoutTests/fast/forms/select/listbox-overlay-scrollbar-expected.html
+++ b/LayoutTests/fast/forms/select/listbox-overlay-scrollbar-expected.html
@@ -11,6 +11,9 @@ html, body {
     height: 100px;
     background-color: lime;
     position: relative;
+    display: block;
+    font-family: "Arial";
+    font-size : 12pt;
 }
 .scrollbar {
     background-color: #808080;
@@ -29,10 +32,20 @@ html, body {
 should have a scrollbar on the left.</p>
 
 <div class="container">
+<option>foo1</option>
+<option>foo2</option>
+<option>foo3</option>
+<option>foo4</option>
+<option>foo5</option>
 <div class="scrollbar vertical" style="right: 4px; top: 4px;"></div>
 </div>
 <div dir="rtl" class="container">
+<option>foo1</option>
+<option>foo2</option>
+<option>foo3</option>
+<option>foo4</option>
+<option>foo5</option>
 <div class="scrollbar vertical" style="left: 4px; top: 4px;"></div>
 </div>
 </body>
-</html>
+</html>