hi,

i have a problem in my onsubmit confirmation it works fine when i use mozilla..
but when on ie6 and click the cancel button my page push thru.
Can any one help me please...

here is my view source page.
Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
  "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en-us">
<head>
	<script type="text/javascript" language="javascript" src="jquery./jquery.js"></script>
	<script src="jquery/jquery.menu.min.js"></script>
	<script src="jquery/jquery.min.js"></script>
	<script type="text/javascript" src="jquery/menu-collapsed.js"></script> 
	<script type="text/javascript" src="jquery/jclock.js"></script> 
	<link rel="stylesheet" type="text/css" href="css/menu.css" />	
	<script src="jquery/jquery.chained.js" type="text/javascript" charset="utf-8"></script>
	<script type="text/javascript" src="jquery/jquery.validate.js"></script> 
	
	<script type="text/javascript" language="javascript" src="jquery./jquery.dataTables.js"></script>
	<script type="text/javascript" src="jquery/md5.js"></script> 
	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />  
	<style type="text/css" title="currentStyle">
		@import "css/demo_page.css";
		@import "css/demo_table.css";
	</style>
<style type="text/css">
* { font-family: Verdana; font-size: 12; }
Body  { font-family: Verdana; font-size: 0.7em; }
.submit { margin-left: 12em; }

</style>

  <script type="text/javascript">
    $(function($) {
        var option ={
            format: '%m/%d/%y %I:%M:%S %P'
        }
      $('.jclock').jclock(option);
    });

  </script>    
<style>
.line{
  border: solid 1px black;
} 
</style>
<body id="dt_example"  > 
<br/>       
<br/>     
<table border=1 align=center width=1024 bgcolor=#ffffff height=%100">
<tr>
  <td height=100 bgcolor=#5CB3FF align=center>Image For E-HelpDesk</td>
</tr>
<tr>
<td height=500 bgcolor=#ffffff>
<table width=100% height=110% bgcolor="#F5F5FA" border=1>
<tr>
<td width=00 valign=top>
	<div>Welcome,
	JoshA</div><br />
	<label for="jclock">Date/Time:</label><br />
	<span class="jclock"></span>
	<br>		
	<ul class='menu' id='menu' name='menu'><li><a href='index.php?item=createticket' >Create Ticket</a></li><li class='usermaintenance' id='usermaintenance' onclick=''><a href='javascript:void(0)' onclick="javascript:return false;">User Maintenance</a><ul><li ><a href='index.php?item=Users'  >View User</a></li><li><a href='index.php?item=Edituser'  >Edit User</a></li><li><a href='index.php?item=passchange'>User Password Reset</a></li></ul></li><li><a href='index.php?item=Dept' >Department</a></li><li ><a href='index.php?item=cat'>Category</a></li><li><a href='index.php?item=subcat'  >Sub-Category</a></li><li><a href='javascript:void(0)'>Ticket Options</a><ul><li><a href='index.php?item=AssignTicket' >Assigned Ticket</a></li><li><a href='index.php?item=PendingTicket'  >Pending Ticket</a></li><li><a href='index.php?item=ClosedTicket'  >Closed Ticket</a></li></ul></li><li><a href='index.php?item=tickethistory' >Ticket History</a></li>&nbsp;&nbsp;<li><a  href='index.php?log=logout' >LOG OUT</a></li></ul>
</td>
<td valign=top width=824>
		<script type="text/javascript" charset="utf-8">
		$(document).ready(function() {
			$('#example').dataTable();
		} );
	</script>
	
	<script>
		$(document).ready(function(){
		$("#department").validate({
			  rules: {
				deptdesc:"required"
			  }
			});
		});
	
	</script>

<script type='text/javascript'>

function dept(){

var x=document.getElementById("deptname").value;
var y=document.getElementById("deptname").value=x.toUpperCase();

var a=document.getElementById("deptdesc").value;
var b=document.getElementById("deptdesc").value=a.toUpperCase();
if(y==""){
document.getElementById("demo").innerHTML=("<font style='color: #FF0000; font-size: 7.5pt'>This field is required.</font>");
}
else{
	document.getElementById("demo").style.display='none';
}

}

</script>



	
<table  BORDERCOLOR="#0B0B0B"  bgcolor="#F5F5FA" width="100%" align='center'>
<tr>
	<td class='line'>
		<img src='img/Dept.png'>
	</td>
</tr>
<tr>
	<td width="100%" align="center" >
	<font style='color: #FF0000; font-size: 10pt'>ASD Department already exist.</font>	<br/>
	<br/><TABLE >
			<form id='department' name='department' action='index.php?item=dept' method='Post' onSubmit="javascript: var x=window.confirm('Save this Department Profile?');if (!x) return(false);">
				<tr>
					<td align='right'>
					<font size="3px" face="arial"><b>Department :</b></font><td align='left'><input type='text' id='deptname' name='deptname'  onblur='dept()'><div  style='color: #FF0000; font-size: 10pt' id='demo'></div></td>
					</td>
				</tr>
				<tr>
					<td align='right'>
					<font size="3px" face="arial"><b>Department Description :</b></font><td align='left'><input type='text' size='40'id='deptdesc' name='deptdesc' onblur='dept()' ></td>
					</td>
				</tr>	
				<tr>
				<td>&nbsp;</td>
					<td align='left'>
					<input type='submit' name='save' value='Save' title='Save Department'>
					<input type='reset' name='reset' value='Reset' title='Reset Field'/>
					</td>
				</tr>	
			</form>
		</table>
		
		<div id="shortcontainer">
			<div align='left' id="demo">
				<table BORDERCOLOR="#0B0B0B" cellpadding="0" cellspacing="0" frame="box" class="display" id="example">
					<thead align='center'>
						<tr>
							<th title='Department &rsquo; s Name'><a>Department</a></th>
							<th title='Department &rsquo; s Classification'><a>Department Description</a></th>
							<th title='Delete Department'><a>Delete</a></th>
						</tr>
					</thead>
					<tbody>
													<tr class="GradeA">
								<td class="center">MIS</td>
								<td class="center">MANAGEMENT INFORMATION SYSTEM</td>
								<td class="center"><a href='index.php?item=dept&id=53&dname=MIS'  onClick="javascript: var x=window.confirm('Delete this Department (MIS) ?');if (!x) return(false);"; title='Delete MIS'><img src='img/delete' border='0'width='20' height='20'></a></td>
							</tr>
						 							<tr class="GradeA">
								<td class="center">ASD</td>
								<td class="center">ASDADS</td>
								<td class="center"><a href='index.php?item=dept&id=56&dname=ASD'  onClick="javascript: var x=window.confirm('Delete this Department (ASD) ?');if (!x) return(false);"; title='Delete ASD'><img src='img/delete' border='0'width='20' height='20'></a></td>
							</tr>
						 							<tr class="GradeA">
								<td class="center">ASDASD</td>
								<td class="center">ASDASD</td>
								<td class="center"><a href='index.php?item=dept&id=57&dname=ASDASD'  onClick="javascript: var x=window.confirm('Delete this Department (ASDASD) ?');if (!x) return(false);"; title='Delete ASDASD'><img src='img/delete' border='0'width='20' height='20'></a></td>
							</tr>
						 							<tr class="GradeA">
								<td class="center">SDA</td>
								<td class="center">ASD</td>
								<td class="center"><a href='index.php?item=dept&id=58&dname=SDA'  onClick="javascript: var x=window.confirm('Delete this Department (SDA) ?');if (!x) return(false);"; title='Delete SDA'><img src='img/delete' border='0'width='20' height='20'></a></td>
							</tr>
						 							<tr class="GradeA">
								<td class="center">ACCT</td>
								<td class="center">ACCOUNTING</td>
								<td class="center"><a href='index.php?item=dept&id=55&dname=ACCT'  onClick="javascript: var x=window.confirm('Delete this Department (ACCT) ?');if (!x) return(false);"; title='Delete ACCT'><img src='img/delete' border='0'width='20' height='20'></a></td>
							</tr>
						 					</tbody>
					<tfoot>
						<tr>
							<th>Department</th>
							<th>Department Description</th>
							<th>Delete</th>
						</tr>
					</tfoot>
				</table>	
			</div>
		</div>
	</td>
</tr>
</table>

<script>
	</td>
</tr>

</table>
</td></tr>


</table>
</body>

</html>