如何很好地隐藏 CSS 边框的一部分

我正在为 iPhone 开发一个网络应用程序，我在边框方面遇到了一些麻烦。 为了简化事情，我有一个主体背景图像，一个带有圆角的盒子，里面有一些元素和一个标题，这就是问题开始的地方，因为我希望我的标题位于盒子的顶部边框上，而后面没有边框。

Here is a screenshot : I can't see any solutions to render it properly, some of you have any guess ? It would be much appreciated

据我所知，看起来你应该使用fieldset元素（当您将表单元素“分组”在一起时），它也很方便地看起来像您想要的那样：

<fieldset>
    <legend>Promoter</legend>
    <select>
        <option>Choose a promoter</option>
    </select>
</fieldset>

造型很简单。对齐legend文本和样式fieldset使用CSS边框：

fieldset {
    border: 1px solid black;
    border-radius: 5px;
}
legend {
    text-align: center;
}

有关实例，请参阅这个 jsFiddle 演示 http://jsfiddle.net/XzR8k/.