Hide UL elements until page loads

hi there i assume this is fairly simple to do! however i cant seem to find a solution that works.

i have links which use shadowbox to load content as an iframe, but in ie if the page is not loaded it takes you direct to the html page instead.

i thought if i could hide the ul elements which contain the links until the page loads this would work.

does any body know how i can do this with unobtrusive javascript (ideally)?

<ul>
     <li>
     <a rel="shadowbox;width=800;height=510" class="option" title="Location" href="fla/map.swf">Location</a>
    </li>
</ul>

Thanks,

Euan