Can someone tell me why this gap appears in Apple Safari, but not in Explorer. I have an orange background image that stretches across. Inside this TD tag I have a curve image in a Div tag that floats right.

 You can see it at
 http://www.eclecticpixel.com/problemchild/dev_01.asp
 http://www.eclecticpixel.com/problemchild/dev_02.asp

    background___________
    td#hdr_bckgrnd {
        background-image: url(images/bckgrnd_hdr.jpg);
        background-repeat: repeat-x;
    }

    shadows on sides___________
    td#hdr_sideshadows {
        height: 30px;
    }

    curve image on right___________
    div#hdr_curve {
        margin: 0;
        padding: 0;
        float: right;
    }


<tr>
<td id="hdr_sideshadows"><img src="images/nav_shadow.gif" width=25 height=29 border=0 /></td>
<td id="vert_blueline"><img src="images/pixel_blue.gif" width=1 height=1 border=0 /></td>
<td colspan=5 id="hdr_bckgrnd">
<div id="hdr_curve"><img src="images/hdr_curve_right.jpg" width=208 height=30 border=0 /></div></td>
<td id="vert_blueline"><img src="images/pixel_blue.gif" width=1 height=1 border=0 /></td>
<td id="hdr_sideshadows"><img src="images/nav_shadow.gif" width=25 height=29 border=0 /></td>
</tr>

Thanks in Advance

Peace
Mike
http://www.eclecticpixel.com
http://www.homegrownmusicjam.com

__________________
Peace
Mike
http://www.eclecticpixel.com