Z-INDEX BUG in IE7- Not sure what is causing my images to gap

[zeech26]

Here is the link to what I am working on:
http://contentx.com/cx_landing_page/

Started to build this in Flash, and the client wanted flexability with mobile devices. I really don't want to use tables and sliced images, so I am using a lot of absolute positioning and z-index for my divs. Looks great in Safari and FF but the ticket images and green buttons have gaps in IE7.

Here is the link to the CSS:
http://contentx.com/cx_landing_page/styles.css

Not sure how to get around not using Z-INDEX and absolute positioning without going back to slicing in Photoshop.

Anybody have a fix for this z-index bug?
Thanks in advance!

cheers
zeech

[zeech26]

Here is how I did it:
#tickets {
width:423px;
height:381px;
position:absolute;
z-index:2;
left: 166px;
top: 17px;
overflow: hidden;
}
#tickets img {
border:none;
float:left;
}

and then applied this clear fix

.group:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}