Dialog Understanding issues

Dialog Understanding issues


Hey guys,
This is a pretty noob question, so I wouldn't be surprised to see some
hostile answers =P;
problem: The dialog box does not close. The 'x' or any cancel button
I give it... it just doesn't close the darn thing.
Weirdest part is, I've searched around and no one seems to have this
problem. I'm starting to wonder if it's Fire Fox, or if there is a
part I was supposed to set but didn't.
Regardless of the case, I'm super confused! Any help would be
appreciated. My bare bones setup below won't even close =(
test.html
<html>
<head>
<script type="text/javascript" src="../Sites/media/js/jquery.js"></
script>
<script type="text/javascript" src="../Sites/media/js/jquery-
ui-1.7.1.custom.min.js"></script>
<link type="text/css" href="http://jqueryui.com/latest/themes/base/
ui.all.css" rel="stylesheet" />
<script type="text/javascript">
$(function(){
    $("#dialog").dialog();
})
</script>
</head>
<body>
<div id="dialog">
hello
</div>
</body>
</html>