Children of positioned element are unclickable

I've read a bit here on the forums about this problem, but I just can't get it working in IE6. I'm not a master with CSS, so I'm probably just doing something blatantly wrong, and heck my HTML might not be correct either, but it's working on other browsers, and I was wondering if I could get it working in IE6. The images appear fine, but there are no link areas. Here's my code:

<div id="individual_breads" style="width:850px;height:415px;background:transparent url(images/bread_gallery/artisan_breads/stone_house_bread_sweet_baguette_roll.jp g) no-repeat top left;">
<div style="background:transparent url(images/bread_gallery/stone_house_bread_gallery_actions.png) no-repeat top left;position:absolute;top:332px;left:511px;width:303px;height:16px;">
<a href="distribution_stores.html" title="Stone House Bread Store Locations" style="position:absolute;left:0;top:0;width:116px;height:16px;"><em styl e="display:none;">View Store Locations</em></a>
<a href="stone_house_bread_online_ordering.html" title="Order Stone House Bread Online" style="position:absolute;left:132px;top:0;width:75px;height:16px;"><em styl e="display:none;">Order Bread Online</em></a>
<a href="stone_house_bread_recipes.html" title="View Recipes Made with Our Bread" style="position:absolute;left:230px;top:0;width:73px;height:16px;"><em styl e="display:none;">View Recipes</em></a>
</div>
</div>

Thanks for any help, much appreciated.

Thanks Angus, I never thought of that but it should work perfectly. I reverted to JPGs for a temporary solution, but this should fix 'er right up! Appreciate the help.