Mohon bantuannya mastah, ini kenapa message box ga mau close ya, kesahannya di mana ya. mohon di koreksi. Ane baru belajar ngoding dan nyoba2.. ane nyoba mengkombinasikan css sama jquery tapi ga bisa di close buttin X nya.

<div class="widget"><div class="inner">
<div class="textwidget"><style type='text/css'>
/* Message Box */
#box-message {
position:fixed !important;
position:absolute;
top:270px;
left:30%;
margin:0px 0px 0px 0px;
width:35%;
height:auto;
padding:16px;
background:#fff;
font:normal Dosis, Georgia, Serif;
color:#111;
border:2px solid #333;
-webkit-box-shadow:0px 1px 2px rgba(0,0,0,0.4);
-moz-box-shadow:0px 1px 2px rgba(0,0,0,0.4);
box-shadow:0px 1px 2px rgba(0,0,0,0.4);
-webkit-border-radius:10px;
-moz-border-radius:10px;
border-radius:10px;
}
#box-message a.close {
position:absolute;
top:-12px;
left:-14px;
background:#fff;
font:bold 16px Arial, Sans-Serif;
text-decoration:none;
line-height:10px;
width:10px;
text-align:center;
color:#111;
border:2px solid #333;
-webkit-box-shadow:0px 1px 2px rgba(0,0,0,0.4);
-moz-box-shadow:0px 1px 2px rgba(0,0,0,0.4);
box-shadow:0px 1px 2px rgba(0,0,0,0.4);
-webkit-border-radius:22px;
-moz-border-radius:22px;
border-radius:22px;
cursorointer;
}
</style>
<p>[removed][removed]
[removed]
$(window).bind("load", function() {
// Animate Top Value When Page Loaded Completed
$('#box-message').animate({top:"220px"}, 2000);
// Remove Mailbox When Close Button On Click
$('a.close').click(function() {
$(this).parent().fadeOut();
return false;
});
});
[removed]
<div id='box-message'>
<b>KLlK (x) Untuk Menutup</b><br />
<center></p>
<p style="text-align: center; font-size: 14px;">
<span style="color: #dd3333;"><strong>Selamat Datang</strong></span></p>
<p></center><br />
<!-- HTML End --><br />
<a class='close' href='#'>×</a>
</div>
</div>

Mohon bantuannya mastah..