I have started to create a site today and have thought up my idea for how it is to look, however im having probelms getting it to look right.

In Mozilla Firefox it looks fine except for a small gap in the bottom left corner, i cant get rid of it.

And in IE it is a real mess and im having most of my trouble handling these problems can anyone suggest ways to make it look right?

Here is the link http://nanothree.net/lep/

Thanks alot!

Heres some code I did to replace it (cause I was bored ), works fine in IE and NS, hope it helps;

<table border="0" cellpadding="0" cellspacing="0" width="100%">
<tr>
	<td rowspan="2"><img src="The Leopard_files/logo.gif" width="221px" border="0" alt="Logo" height="82px" /></td>
	<td style="background-image:URL('The Leopard_files/top.gif');background-repeat:repeat-x;height:21px;" width="100%"></td>
	<td valign="top" width="17px" height="21px"><img width="17px" height="21px" border="0" alt="TopRight" src="The Leopard_files/topcorner.gif" /></td>
</tr>
<tr>
	<td width="100%"></td>
	<td style="background-image:URL('The Leopard_files/right.gif');background-repeat:repeat-y;height:61px;"></td>
</tr>
<tr>
	<td style="background-image:URL('The Leopard_files/left.gif');background-repeat:repeat-y;width:17px;"></td>
	<td width="100%">(Data goes here)<br /><br /><br /><br /><br /><br /></td>
	<td style="background-image:URL('The Leopard_files/right.gif');background-repeat:repeat-y;width:17px;"></td>
</tr>
<tr>
	<td colspan="2" align="left" style="background-image:URL('The Leopard_files/top.gif');background-repeat:repeat-x;height:21px;background-position:0px 8px;" width="100%"><img src="The Leopard_files/bottomleft.gif" width="17px" height="21px" border="0" alt="BottomLeft" /></td>
	<td><img src="The Leopard_files/bottomright.gif" width="17px" height="21px" border="0" alt="BottomRight" /></td>
</tr>
</table>

thanks you so much, if u were here id hug you!

Glad I could help