Twitter bootstrap 按钮被推出列时无响应

我有一个模板，其中有两个引导列

第一列中有一个表单，由后端填充。这样做的结果是表单比列宽，并且按钮被推出到第二列的区域中

第一列中的按钮部分可以单击，但第二列中的按钮部分没有响应

#包装器{
宽度：600px；
保证金：自动；
}
#第一列{
边框：1px实心橙色；
}
#第二列{
边框：1px绿色虚线；
}
形式{
背景：番茄；
宽度：500px；
文本对齐：右对齐；
z指数：10；
}
钮扣{
背景：绿色；
}

第一列
点击我！
第二列

只需在第二列中添加

z-index:-1

#包装器{
宽度：600px；
保证金：自动；
}
#第一列{
边框：1px实心橙色；
}
#第二列{
边框：1px绿色虚线；
z指数：-1；
}
形式{
背景：番茄；
宽度：500px；
文本对齐：右对齐；
z指数：10；
}
钮扣{
背景：绿色；
}

第一列
点击我！
第二列

谢谢@olegoriginal，真是妙不可言。我一直在玩z指数的自然数，但没有想到使用负z指数。