Expose does not leave my element exposed Created Apr 27, 2010

When I call the expose method, the overlayed div covers all elements including my div that is no supposed to be covered.

my code and html are as follows:
/* fired when page is ready*/

 $(".highlight").click(function() { 
                        $(this).expose({color:"#254558", api: true}).load();
            });

<div class="group iegroup correction">
        <ul id="treatments">
            <li><a  class="highlight" href="/menu/treatments/parties/Beauty/Beauty.aspx" title="Xquisite Beauty">
                <img src="/imgs/party.jpg" alt="Xquisite holistics" />
                <span class="h1">Xquisite </span><span class="h2">Beauty</span></a></li>
            <li><a href="/menu/treatments/parties/Parties.aspx" title="Xquisite Parties">
                <img src="/imgs/party.jpg" alt="Xquisite Parties" /></a> <span class="h1">Xquisite </span>
                <span class="h2">Parties </span></li>
            <li><a href="/menu/treatments/parties/nails/nails.aspx" title="Xquisite Nails">
                <img src="/imgs/party.jpg" alt="Xquisite Nails" /></a> <span class="h1">Xquisite </span>
                <span class="h2">Nails</span></li>
            <li><a href="/menu/treatments/parties/Skin/Skin.aspx" title="Xquisite Skin">
                <img src="/imgs/party.jpg" alt="Xquisite Skin" /></a> <span class="h1">Xquisite </span>
                <span class="h2">Nails</span></li>
            <li><a href="/menu/treatments/parties/holistics/holistics.aspx" title="Xquisite holistics">
                <img src="/imgs/party.jpg" alt="Xquisite holistics" /></a> <span class="h1">Xquisite
                </span><span class="h2">Nails</span></li>
        </ul>
    </div>