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..30acaf3b5181a2a0e894aedfb13a6e3c232d9e0a 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,9 +32,19 @@ 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>