получить полосу прокрутки для прикрепления к правильному div

Question

У меня есть «всплывающая» таблица, которая является фиксированным элементом. Стол иногда высок, чтобы поместиться на некоторых экранах, поэтому я установил overflow в auto. Однако полоса прокрутки отображается отдельно от всплывающего стола, так как она составляет всего 80% ширины всего «одеяла» (который покрывает экран). Есть ли способ заставить панель прокрутки прикрепляться прямо справа от всплывающей таблицы без пробела? вот demo, чтобы показать вам, что я имею в виду. Спасибо.

HTML

<div id = "blanket"> 
    <div> 
    <table align = "center" id = "popUpTable"> 
     <tr> 
     <td>fixed pop uptable</td> 
     </tr> 
     <tr> 
     <td>one</td> 
     </tr> 
     <tr> 
     <td>two</td> 
     </tr> 
     <tr>  
     <td>three</td> 
     </tr> 
     <tr>  
     <td>four</td> 
     </tr> 
    </table> 
    </div>  
</div> 

<div>background stuff<br>background stuff<br>background stuff<br></div> 

CSS

#blanket{ 
     position:fixed; 
     top:0%; 
     bottom:0%; 
     left:0%; 
     right:0%; 
     background-color:rgba(255,555,255,0.5); 
     overflow-y:auto; 
} 

#popUpTable{ 
     border:1px solid gray; 
     margin-top:2%; 
     width:80%; 
     background-color:#fff; 

} 

#popUpTable td{ 
      height:150px; 
      text-align:center; 
      border:1px solid gray; 
} 

Answer 1

Добавление следующих кажется, сделать трюк ....

#blanket { 
    width:80%; 
    left:50%; 
    margin-left:-40%; 
} 

#popUpTable{ 
    width:100%; 
} 

Fiddle: http://jsfiddle.net/e2dx5hjn/