我在dreamweavercs5中对这个表格中的单元格，设置margin，为什么无效，请赐教

图片显示如下：
图片说明
代码如下：

 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 

"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<style type="text/css">
#f {
    margin: 15px;
    border: 1px solid #000;
    background-color: #9FF;
}
table {
    background-color: #F09;
}
</style>
</head>

<body>
<table width="50%" border="1" align="center">
  <tr>
    <td id="f">&nbsp;</td>
  </tr>
</table>
</body>
</html>

margin是容器外部的空白边，padding是内部的空白边

table可以margin，无padding

td可以padding，无margin

要设置td之间的间距，用table的cellspacing属性，只能统一设置

 <table width="50%" border="1" align="center"cellspacing="18">
  <tr>
    <td id="f" >&nbsp;</td>
    <td id="f" >&nbsp;</td>
  </tr>
</table>

用IE F12的css面板看下，这种问题很容易解决。