Javascript 关闭按钮在对话框Jquery UI、ASP MVC4.NET上不合适

我制作了一个简单的对话框来显示一些文本，它工作得很好，但是十字标记（关闭按钮）的位置不正确，我还没能解决这个问题，我已经搜索了所有的google来找出它

这就是它的样子：

以下是视图的代码：

@{
    ViewBag.Title = "Exito";
}


<script src="//code.jquery.com/jquery-1.10.2.js"></script>
  <script src="//code.jquery.com/ui/1.11.2/jquery-ui.js"></script>
<link href="@Url.Content("~/Content/themes/base/jquery.ui.all.css")" rel="stylesheet" type="text/css" />
<div id="message" title="Exito">
  <p>La cantidad de caracteres en la oracion es de: </p><div id="target" ></div><p> <b>(Incluyendo el "hola, escribiste:")</b></p>
</div>


@{
    ViewBag.Title = "Hola, Escribiste: ";
}



<script type="text/javascript">

    $('#message').dialog({


        resizable: false
    });

</script>

<hgroup class="title">
    <h1>@ViewBag.Title</h1>
    <h2 id="userMessage">@ViewBag.Message</h2>
</hgroup>




<script type="text/javascript">
    var Texto = "Hola, Escribiste: " + $('#userMessage').html();
    var myLength = Texto.length;
   // document.write("La cantidad de caracteres en la oracion es de " + myLength + " (Incluyendo el 'hola, escribiste')");
    $("#target").text(myLength);
   </script>

@{
ViewBag.Title=“Exito”；
}
《奥拉西翁之歌》：
（包括“你好，描述：”）

@{
ViewBag.Title=“Hola，Escribiste:”；
}
$（“#消息”）。对话框({
可调整大小：false
});
@视图包。标题
@查看包。留言
var Texto=“Hola，Escribiste:”+$（'#userMessage'）.html（）；
var myLength=文本长度；
//文件。写下“《奥拉西翁宪章》+myLength+”（包括《圣经》”）；
$（“#目标”）.text（myLength）；

最简单的方法是检查浏览器控制台中的元素，看看哪些CSS规则会影响它。您甚至可以在控制台中进行实时编辑，以查看它在控制台中得到了什么修复。在控制台中，它为我提供了这些关闭的html，现在看看应用于该元素的CSS规则，可以在控制台中查看DOM中任何元素的CSS规则。请使用您在browse中获得的firebug放入您的div标记代码。@Aravindan这有什么好处呢。它与任何其他对话框相同，只是CSS中有一些冲突