怎么用图片制作圆角框啊？固定宽度，高度自适应的

怎么用图片制作圆角框啊？固定宽度，高度自适应的？我做出来的为什么在不同浏览器中他们的高度不相同？

固定宽度，高度自适应，这个是比较简单的了，简单来说，就是把这个框分成上、中、下三个部分，分别用背景图片填充，把内容放中间的部分就行了
<style>
div { margin:0px; padding:0px;width:300px;}
.top{  height:10px; background:url(上面部分圆角图路径) no-repeat; overflow:hidden;}
.center{ background:url(中间部分圆角图路径) repeat-y}
.bottom{ height:10px; background:url(下面部分圆角图路径) no-repeat; overflow:hidden;}
</style>
<div class="top"></div>
<div class="center">这里是内容</div>
<div class="bottom"></div>
大概就是这样了。