I'm designing my website by hand (typing the code from scratch), and I've encountered a little problem. I wanted rounded corners on page, so I got little corners of circles, put them in place, and that's all working ok. The problem is, below the bottom two corners, there is a thin strip about 5 pixels going along the bottom of the entire table. It defeats the whole purpose of having smooth corners, and I'd like to get rid of it. Is there anyway to get rid of this? I've made sure that the valign attribute is bottom, and that the height is 20, like the corners.
The gifs are the corners (20x20 pixels). The third TD on the second row is just so that every row had equal columns.Code:<HTML> <HEAD> <TITLE> Mackrory Web Design - Home </TITLE> <BASE HREF="C:\DOCUMENTS AND SETTINGS\MACKRORY WEB DESIGN\MY DOCUMENTS\MACKRORY WEB DESIGN\WWW\"> </HEAD> <BODY BGCOLOR="#000000" TEXT="#999999" LINK="#999999" ALINK="#CCCCCC" VLINK="#999999"> <TABLE ALIGN="CENTER" BORDER="0" HEIGHT="100%" WIDTH="100%" CELLPADDING="0" CELLSPACING="0"> <TR VALIGN="TOP" BGCOLOR="#333333"> <TD> <IMG SRC="GIF-BIN\TL.GIF"> </TD> <TD HEIGHT="40"> <FONT FACE="Times New Roman" SIZE="7"> Mackrory Web Design </FONT> </TD> <TD> <IMG SRC="GIF-BIN\TR.GIF"> </TD> </TR> <TR BGCOLOR="#666666"> <TD ALIGN="LEFT" NOWRAP> <!-- I plan to add a menu here--> </TD> <TD ALIGN="LEFT" VALIGN="TOP"> <FONT FACE="Times New Roman"> <!-- A lot of text you don't need to see right now --> </FONT> </TD> <TD> </TD> </TR> <TR VALIGN="BOTTOM" BGCOLOR="#333333"> <TD ALIGN="LEFT"> <IMG SRC="GIF-BIN\BL.GIF"> </TD> <TD ALIGN="CENTER" HEIGHT="20"> © 2003, Sean Mackrory </TD> <TD> <IMG SRC="GIF-BIN\BR.GIF"> </TD> </TABLE> </BODY> </HTML>