HHEELLPP!

[njdubois]

On the page:

http://www.cswea.org/NEW/index.shtml

 

Ok, the question is about the slides.  I want the slide menu to overlap the slide image just enough so space under the rounded corner is the slide and not white.

 

Everything I do causes problems.  Either the image is completely outside the slideshow frame, or it moves with the outter margins.  In internet explorer is completely to big.

		<div id="slide_show_div" style="background:white;-moz-border-radius:6px;-webkit-border-radius:6px;border-radius:6px;border:solid 1px #000000;height:360px;min-width:800px;max-width:900px;margin-top:30px;" >
                    <!--Slides start here.-->
			<div style="display:inline-block;height:360px;position:relative;float:left;z-index:15;">

						<table height="100%" border="0" cellspacing="0" cellpadding="0">
							<tr>
								<td id="1" class="body_menu_table_td_top" align="center" valign="center" onMouseOver="show_slide(this.id);">
									<span class="body_menu_table_td_label"><a href="" >Events</a></span>
								</td>
							</tr>
							<tr>
								<td id="2" class="body_menu_table_td" align="center" valign="center" onMouseOver="show_slide(this.id);">
									<span class="body_menu_table_td_label">Officers & Roster</span>
								</td>
							</tr>
							<tr>
								<td id="3" class="body_menu_table_td" align="center" valign="center" onMouseOver="show_slide(this.id);">
									<span class="body_menu_table_td_label">Central States Water Magazine</span>
								</td>
							</tr>
							<tr>
								<td id="4" class="body_menu_table_td" align="center" valign="center" onMouseOver="show_slide(this.id);">
									<span class="body_menu_table_td_label">Membership</span>
								</td>
							</tr>
							<tr>
								<td id="5" class="body_menu_table_td_bottom" align="center" valign="center" onMouseOver="show_slide(this.id);">
									<span class="body_menu_table_td_label">Job Postings</span>
								</td>
							</tr>
						</table>
			</div>
			<div style="float:right;width:623px;z-index:3;-moz-border-radius-topright:4px;-moz-border-radius-bottomright:4px;-webkit-border-top-right-radius:4px;-webkit-border-bottom-right-radius:4px;border-top-right-radius:4px;border-bottom-right-radius:4px;">
						<div id="body_slide_1" style="display:block;background-image:url('/images/slide_1.png');height:360px;-moz-border-radius-topright:6px;-moz-border-radius-bottomright:6px;-webkit-border-top-right-radius:6px;-webkit-border-bottom-right-radius:6px;border-top-right-radius:6px;border-bottom-right-radius:6px;">
							SLIDE 1
						</div>
						<div id="body_slide_2" style="display:none;background-image:url('/images/slide_2.png');height:360px;-moz-border-radius-topright:6px;-moz-border-radius-bottomright:6px;-webkit-border-top-right-radius:6px;-webkit-border-bottom-right-radius:6px;border-top-right-radius:6px;border-bottom-right-radius:6px;">
							SLIDE 2
						</div>
						<div id="body_slide_3" style="display:none;background-image:url('/images/slide_3.png');height:360px;-moz-border-radius-topright:6px;-moz-border-radius-bottomright:6px;-webkit-border-top-right-radius:6px;-webkit-border-bottom-right-radius:6px;border-top-right-radius:6px;border-bottom-right-radius:6px;">
							SLIDE 3
						</div>
						<div id="body_slide_4" style="display:none;background-image:url('/images/slide_4.png');height:360px;-moz-border-radius-topright:6px;-moz-border-radius-bottomright:6px;-webkit-border-top-right-radius:6px;-webkit-border-bottom-right-radius:6px;border-top-right-radius:6px;border-bottom-right-radius:6px;">
							SLIDE 4
						</div>
						<div id="body_slide_5" style="display:none;background-image:url('/images/slide_5.png');height:360px;-moz-border-radius-topright:6px;-moz-border-radius-bottomright:6px;-webkit-border-top-right-radius:6px;-webkit-border-bottom-right-radius:6px;border-top-right-radius:6px;border-bottom-right-radius:6px;">
							SLIDE 5
						</div>



			</div>
                    <!--Slides end here.-->
              </div>

I've been trying to get this right for hours!  I give up!

 

Thank sooo much!

Nick