[求助]后台用InnerHtml所控制标签的样式以及js问题

aspx:
<ul id="nav" runat="server">
        <!--<li><a href="#">xx</a></ li>
        <li><a href="#">xx</a></ li>
        <li><a href="#">xx</a></ li>
        <li><a href="#">xx</a></ li>
        <li><a href="#">xx</a></ li>
        <li><a href="#">xx</a></ li>-->
     </ul>
css:
#nav{ list-style: none; margin: 2.0em 0; width: 15em;}
#nav li{ padding: 0; margin: 0; }
#nav a{
display: block;
height: 2.0em;
padding: 0.3em 0.2em 0.2em 0.8em;
border-bottom: 1px solid #1a1a1a;
color: #eee;
background-color: #333;
}
#nav a:hover{
color: #fff;
background-color: #a60707;
}aspx.cs:
nav.InnerHtml += "<li><a href=" + 数据库数据 + ">" + 数据库数据 + "</a></ li>"; 
//-------------------------
这样子的话css里定义的效果就全部显示不了.
然后如果将css定义的nav 改成 ul的话就可以显示的出来..这是为什么?
另一方面.如果我需要通过asp.net后台管理的不仅仅只是包含css样式的.而且还有javascript...然后js里不是要用到id的么?
举一个js滑动相册来说
aspx:
<script>
      new SlideTrans("idContainer", "idSlider", 4, { Vertical: false }).Run();
</script>
<div class="container" id="idContainer">
<ul id="idSlider">
     <li><a href=""> <img src="#" /></a></ li>
<li><a href=""> <img src="#" /></a></ li>
<li><a href=""> <img src="#" /></a></ li>
<li><a href=""> <img src="#" /></a></ li>
</ul>
<ul class="num" id="idNum">
</ul></div>
<script>
    var nums = [], timer, n = $$("idSlider").getElementsByTagName("li").length,
st = new SlideTrans("idContainer", "idSlider", n, {
    onStart: function () {//设置按钮样式
        forEach(nums, function (o, i) { o.className = st.Index == i ? "on" : ""; })
    }
});
    for (var i = 1; i <= n; AddNum(i++)) { };
    function AddNum(i) {
        var num = $$("idNum").appendChild(document.createElement("li"));
        num.innerHTML = i--;
        num.onmouseover = function () {
            timer = setTimeout(function () { num.className = "on"; st.Auto = false; st.Run(i); }, 200);
        }
        num.onmouseout = function () { clearTimeout(timer); num.className = ""; st.Auto = true; st.Run(); }
        nums[i] = num;
    }
    st.Run();
</script>
这里的话要让图片滑动展示的话就用到了<div class="container" id="idContainer"><ul id="idSlider">的id。
然后如果想要后台管理图片的话按照id.InnerHteml来编辑ul内的li...这样的话js效果也就没有了...
最后再问一个asp.net的生命周期里前台的html语句是在什么时候加载的?网上查的大多数都是页面事件的加载顺序.
麻烦大家指导一下!拜托拜托!