Can you make the drop down boxes more of a bubble shape

HTML & CSS
1

@cpradio;

<html>
<TITLE>The Knight Writer</TITLE>
<body bgcolor="white">
<head>
</head>
<FONT COLOR="White">
<font face="ARIAL">
<center>
<img border="0" src=images/top.png width="950" height="95">
<h2>
</center>
<body background=images/bkg.png>
<center>
<style>
body{font-family:arial;}
table{font-size:80%;background:black}
a{color:black;text-decoration:none;font:bold}
a:hover{color:#606060}
td.menu{background:lightblue}
table.menu
{
font-size:100%;
position:absolute;
visibility:hidden;
}
</style>
<script>
function showmenu(elmnt)
{
document.getElementById(elmnt).style.visibility="visible";
}
function hidemenu(elmnt)
{
document.getElementById(elmnt).style.visibility="hidden";
}
</script>
</head>

<body>
<table width="50%">
 <tr bgcolor="white">
  <td onmouseover="showmenu('news')" onmouseout="hidemenu('news')">
   <a href="/default.asp">News</a><br>
   <table class="menu" id="news" width="60">
   <tr><td class="menu"><a href="/html/default.asp">Local</a></td></tr>
   <tr><td class="menu"><a href="/css/default.asp">New</a></td></tr>
   <tr><td class="menu"><a href="/xml/default.asp">Archives</a></td></tr>
   </table>
  </td>
  <td onmouseover="showmenu('Sports')" onmouseout="hidemenu('Sports')">
   <a href="/default.asp">Sports</a><br>
   <table class="menu" id="Sports" width="60">
   <tr><td class="menu"><a href="/js/default.asp"></a></td></tr>
   <tr><td class="menu"><a href="/vbscript/default.asp">VBScript</a></td></tr>
   <tr><td class="menu"><a href="default.asp">DHTML</a></td></tr>
   <tr><td class="menu"><a href="/asp/default.asp">ASP</a></td></tr>
   <tr><td class="menu"><a href="/ado/default.asp">ADO</a></td></tr>
   </table>
  </td>
  <td onmouseover="showmenu('Multimedia')" onmouseout="hidemenu('Multimedia')">
   <a href="/site/site_validate.asp">Multimedia</a><br>
   <table class="menu" id="Multimedia" width="60">
   <tr><td class="menu"><a href="/web/web_validate.asp">Validate HTML</a></td></tr>
   <tr><td class="menu"><a href="/web/web_validate.asp">Validate XHTML</a></td></tr>
   <tr><td class="menu"><a href="/web/web_validate.asp">Validate CSS</a></td></tr>
   <tr><td class="menu"><a href="/web/web_validate.asp">Validate XML</a></td></tr>
   <tr><td class="menu"><a href="/web/web_validate.asp">Validate WML</a></td></tr>
   </table>
  </td>
 </tr>
</table>












<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<img border="0" src=images/bottom.png width="950" height="75">
2

I’m going to move this to the CSS forum, as with most modern browsers today, you can do this in the CSS (border-radius: 3px; I beleive)

3

Also, you need to seriously look at your HTML. It is messed up. Not sure if it is from copying and pasting, or what, but you have multiple <body> tags, multiple <head> tags, etc. Lots of stuff is wrong there.

I did a bit of playing and adding border-radius: 5px; to table.menu did create rounded corners.