Javascript选择插件与网格系统

我已经在我的网页上实现了，效果非常好。最近，我决定切换到960网格系统，让我的页面焕然一新。但当我这样做时，所选插件中的样式似乎与网格系统发生了冲突，导致网格上的轮廓从屏幕左侧消失。我有一种感觉，这与网格是如何相对浮动的，插件中的样式只是在抛开它。然而，我似乎找不到到底是什么风格导致了这种情况，或者我如何改变它。有没有人有过这个插件的经验，可以给我一些建议？我宁愿不必去掉这个插件，因为从功能上讲，它工作得很好

编辑：不过，当我单击下拉列表时，样式看起来是正确的。只有当下拉项未显示时，才会出现此问题。

解决了此问题

我不得不将下拉列表的CSS属性改为

display:none

，而不是绝对定位-9999px左

这是我的密码：

.chzn-container .chzn-drop {
  width: 100% !important;
  display: none;
  background: #f6fbfd;
  border: 1px solid #9fbeca;
  border-top: 0;
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 900;
  width: 100% !important; /*to line up the right side visually*/
  -moz-box-sizing   : border-box;
  -ms-box-sizing    : border-box;
  -webkit-box-sizing: border-box; 
  -khtml-box-sizing : border-box;
   box-sizing: border-box;

然后我在这里将值设置为inline：

.chzn-container.chzn-with-drop .chzn-drop {
  left: 0;
  display: inline;
}

---

如果可能，在这里或在JSFIDLE中共享您的代码。