# Z-index issue with 3 columns

**URL:** <https://forum.kirupa.com/t/z-index-issue-with-3-columns/303027>\
**Category:** Uncategorized\
**Created:** [January 12, 2010, 6:00pm UTC](https://forum.kirupa.com/t/z-index-issue-with-3-columns/303027 "2010-01-12T18:00:34Z")\
**Posts on this page:** 1\
**Page:** 1

<div class="post-metadata">

**Author:** ![irishcash33](https://avatars.discourse-cdn.com/v4/letter/i/958977/32.png) [@irishcash33](https://forum.kirupa.com/u/irishcash33)\
**Post date:** [January 12, 2010, 6:00pm UTC](https://forum.kirupa.com/t/z-index-issue-with-3-columns/303027/1 "2010-01-12T18:00:34Z")

</div>

Hi,  
I have 3 divs as columns. Using js the items expand /collapse.  
In FF, all IE the middle items when expanded are behind the right column. They need to be above. I can not figure out why it is happening only to that one section. To see what I am talking about

[site](http://devinsurance.wolterskluwerfs.com/pages/reference_desk/legal_calendar7.html)

only the top 3 are styled correctly(Alabama, Louisiana, Ohio).

ANy ideas on why this is happening?

Thanks