左侧菜单的二级菜单盒子如何跨过banner区显示？

第二张图是我写的效果。

我是以banner区的盒子做为父元素，二级菜单盒子gooodLists设置绝对定位，但是没法超出banner的长度，这是为什么呢？有什么办法可解决跨区域显示？

/* banner区域设置固定宽，居中显示 */
.banner {
	width: 1400px;
	height: 580px;
	margin: 0 auto;
	overflow: hidden;
	position: relative;
}
/* 左边商品列表2级菜单样式 */
.goodsLists2 {
	position: absolute;
	top: 0;
	left: 250px;
	width: 800px;
	height: 800px;
	background-color: pink;
	z-index: 10000;
}

/* 左边商品列表1级菜单样式 */
.goodsLists {
	width: 250px;
	height: 580px;
    background-color: red;
    float: left;
}