jQuery的弹出窗体解决思路

jQuery的弹出窗体
各位好！
我现在有一个问题想请教下，具体情况如下：
我有一个aps.net的项目(Web Form)，每个页面都用了同一个模板页，子页面的内容放在模板页的Content中，现在有一个页面中要实现弹出窗体（利用jQuery的弹出层效果），我把这个要弹出的div放在该页的Content里面，同时我想在这个div里面加上一个form元素并指定它的method及action以便实现我利用弹出层想要的功能，因为在模板页里面已经有一个form元素了，我现在放在div里面的这个form无论是否设置div的display属性为none它好像都会显示在界面上，看到的界面有两个form，是否一个form里面不能再有其他的form，如果我想要它和div的内容一样大有什么办法没有呢？不知是不是要设置样式，div的overflow为hidden，不知行不行，望各位高人指点下，在此先谢谢各位了！

------解决方案--------------------------------------------------------
听你说的样子你的模板中用了form但是和你现在页面中的form并没有嵌套呀模版就好比是一个布中间挖空了再填东西就行了。
------解决方案--------------------------------------------------------
google jquery facebox或者colorbox
------解决方案--------------------------------------------------------
// 一般被弹出页调用主页面中的方法
// 私有方法
function __openDialog(title, url, width, height, callback) {

var title = title || "new page";
if (url == null || typeof (url) == 'undefined' || url == '')
return;
var RandomID = getRandomID();
RandomIDArray.push(RandomID);

var form = document.getElementById('dialog-form' + RandomID);
if (form == null || typeof (form) == 'undefined') {
// 如果元素为空，则直接创建
$("body").append("<div id='dialog-form" + RandomID + "' title='" + title + "'></div>");
} else {
// 清除后再创建
//$("#dialog-form").empty();
$("#dialog-form" + RandomID).remove();
$("body").append("<div id='dialog-form" + RandomID + "' title='" + title + "'></div>");
$("#dialog-form" + RandomID).attr("title", title);
}

$("#dialog-form" + RandomID).append("<iframe id='dialog-form-iframe" + RandomID + "' src='" + url + "' width='100%' height='100%' style='border:0px;overflow: auto; overflow-y:hidden;' frameborder='0' ></iframe>");

dialogInit(RandomID, width, height, callback); // 初始化弹出层
$("#dialog-form" + RandomID).dialog("open"); // 打开弹出层


$("body").attr("scroll", "no");
}
------解决方案--------------------------------------------------------
// 一般被弹出页调用主页面中的方法
// 私有方法
function __openDialog(title, url, width, height, callback) {

var title = title || "new page";
if (url == null || typeof (url) == 'undefined' || url == '')
return;
var RandomID = getRandomID();
RandomIDArray.push(RandomID);

var form = document.getElementById('dialog-form' + RandomID);
if (form == null || typeof (form) == 'undefined') {
// 如果元素为空，则直接创建
$("body").append("<div id='dialog-form" + RandomID + "' title='" + title + "'></div>");
} else {
// 清除后再创建
//$("#dialog-form").empty();
$("#dialog-form" + RandomID).remove();
$("body").append("<div id='dialog-form" + RandomID + "' title='" + title + "'></div>");
$("#dialog-form" + RandomID).attr("title", title);
}

$("#dialog-form" + RandomID).append("<iframe id='dialog-form-iframe" + RandomID + "' src='" + url + "' width='100%' height='100%' style='border:0px;overflow: auto; overflow-y:hidden;' frameborder='0' ></iframe>");

dialogInit(RandomID, width, height, callback); // 初始化弹出层
$("#dialog-form" + RandomID).dialog("open"); // 打开弹出层


$("body").attr("scroll", "no");
}