CSS边框半径在Windows边栏小工具中不起作用

Question

我正在尝试设计一个Windows边栏小工具，我想要包含一个将填充红色或绿色的圆圈。当我在浏览器（如IE或Chrome）中运行时，下面的代码会创建一个圆圈，但是当我打开小部件时，它是一个正方形。小工具不支持border-radius吗？无论如何不使用图像？

   <div id = "circle></div>
    #circle {
      width: 50px;
      height: 50px;
      -webkit-border-radius: 25px;
      -moz-border-radius: 25px;
      border-radius: 25px;
      background: red;
    }