html导航栏的连接显示问题

比如我的html网页里写了如下的东西<!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">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
</head>
<body>
<div id="navigation">
    <div>
       <ul>
           <li>学院动态</li>
            <li>最新公告</li>
       </ul>
    </div>
    <div id="content">    </div>
</div>
</body>
<html>
我现在想在点击学院动态的时候能够将学院动态的内容显示在content这个div里面。有一点值得注意的是，学院动态和最新公告都是从数据库里调出来的，因为如果管理员添加了一些新的动态或者公告，为此我也写了调用数据库的php，如学院动态.php和最新公告.php（这里为了说明，就用中文的文件名）请问各位大神如果来做，最好具体点。我试过在content里面再加个<iframe>标签，如：<body>
<div id="navigation">
    <div>
       <ul>
           <li> <a href="xueyuandongtai.php" target="content_1">学院动态</li>
            <li>最新公告</li>
       </ul>
    </div>
    <div id="content">
       <iframe id="content_1">
       </iframe>
    </div>
</div>
</body>
<html>
但是这个效果总是不怎么好。虽然可以显示，在ie里面不行。直接弹出了一个新的对话框。请问各位大神有很么好的方法没？