JSP 背景图片无法显示

我写了一个网页直接在FireFox Chrome IE这三种浏览器的某个版本中查看都可以正常显示但是用了JSP之后我给<li>添加的背景图片就无法显示了（在IE中倒是可以显示不过也有一些问题这里先不说）
另外神奇的是在FireBug中可以看到那张图片（这样应该就不是路径的问题？因为网上查了类似的问题有人说是路径错了）也有说是一定要设置width和height属性的在下也试过也是没用（很希望有人能讲讲这个）期待牛人快点帮忙指点一下本人崩溃中

解决方案 »

免费领取超大流量手机卡，每月29元包185G流量+100分钟通话, 中国电信官方发货

......你可以的。不贴代码。
总体而言不外乎以下问题
1.css路径问题。
2.浏览器缓存问题，需要清空下
3.width和height只是写了数字，并没有加px
4.将图片放在了WEB-INF下，被block了
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>My JSP 'index.jsp' starting page</title> <meta http-equiv="pragma" content="no-cache">
<meta http-equiv="cache-control" content="no-cache">
<meta http-equiv="expires" content="0"> <meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
<meta http-equiv="description" content="This is my page"> </head> <body>
<table width="100%" height="100%" border="1" align="center">
<tr>
<td height="114" colspan="2" align="left" valign="bottom">

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>  <head>
    <base href="http://localhost:8080/test1/">

    <title>My JSP 'index.jsp' starting page</title>

<meta http-equiv="pragma" content="no-cache">
<meta http-equiv="cache-control" content="no-cache">
<meta http-equiv="expires" content="0">
<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
<meta http-equiv="description" content="This is my page">

<style type="text/css">
#div1{float:right;background-color:red;}
#div2{background-color:yellow;padding:50px 0 0 0;}
#div3{background-color:blue;margin:50px 0 0 0;}
li{display:inline;}
#div2Left{float:left;background-color:#78a0dc}
#div2Right{float:right;background-color:#e49626}
#div3Left{float:left;}
#div3Center{float:left;}
#div3Right{float:left;}
#div3 li{padding:0 0 0 35px;}
     </style>  </head>

  <body>

  <div id="div1" class="">
<ul>
<li>修改密码</li>
<li>用户信息</li>
<li>退出系统</li> </ul>
  </div>
  <div id="div2" class="">
<div id="div2Left" class="">
<ul>
<li><a href="">首页</a></li>
<li><a href="">后退</a></li>
<li><a href="">前进</a></li> <li><a href="">刷新</a></li>
</ul>
</div>
<div id="div2Right" class="">
<p>2011年4月12日  星期二 19:26:00</p>
</div>
  </div>
  <div id="div3" class=""> <div id="div3Left" class=""><li>管理菜单</li></div>
<div id="div3Center" class=""><li>主菜单</li></div>
<div id="div3Right" class=""><li>当前登录用户：超级管理员</li><li>用户角色：超级管理员</li></div>
  </div>
  </body>
</html>

</td> </tr>
<tr>
<td align="left"  width="1%" valign="top">

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>HomePage</title>
<meta http-equiv="content-Type" content="text/html;charset=gb2312">
<style type="text/css">#menu ul{margin:0;padding:0}
#menu li{list-style-type:none;display:block;width:50%}
#menu li ul span{display:none;color:#2D4A72;font-size:14px;width:100%;height:315px;margin:0;padding:0;}
#menu li ul span li{text-align:center;width:149px;}
#menu li ul span li:hover{background:#DEE9ED}
#menu li:hover span, .parent:hover{cursor:pointer}
#menu ul{margin:0;color:#000;font-size:16px;padding:0;}
.list{width:15%;}
.parent{background-image:url(../images/bgbutton.png);width:149px;height:25px;}
h4{margin:0;text-align:center;}
.list{float:left;}
#menu{overflow:hidden;width:298px;height:100%;border:1 solid #2D4A72;margin:0 0 0 -47px;}
</style>
</head><body><bgsound id="bgsound">
<div id="" class="list">
<ul id="menu">
<li>
<ul><h4 class="parent">个人管理</h4>
<span class=""><li>信息管理</li>
<li>贴士</li>
<li>备忘录</li> <li>通讯录</li></span>
</ul>
</li>
<li>
<ul><h4 class="parent">邮件管理</h4>
<span class=""><li>写信</li>
<li>发件箱</li> <li>收件箱</li>
<li>草稿箱</li>
<li>垃圾箱</li></span>
</ul>
</li>
<li>
<ul><h4 class="parent">会议管理</h4> <span class=""><li>会议申请</li>
<li>会议查询</li>
<li>发起会议</li></span>
</ul>
</li>
<li>
<ul><h4 class="parent">所有员工</h4> <span class=""><li>所有员工</li>
<li>在线员工</li></span>
</ul>
</li>
<li>
<ul><h4 class="parent">公告管理</h4>
<span class=""><li>公告管理</li> <li>显示公告</li></span>
</ul>
</li>
<li>
<ul><h4 class="parent">系统管理</h4>
<span class=""><li>角色管理</li>
<li>用户管理</li> <li>部门管理</li></span>
</ul>
</li> </ul>
</div><script type="text/javascript">

</script>
</body>
</html>

</td> <td  align="left"  valign="top">

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>
    <base href="http://localhost:8080/test1/">

    <title>My JSP 'index.jsp' starting page</title>

<meta http-equiv="pragma" content="no-cache">
<meta http-equiv="cache-control" content="no-cache">
<meta http-equiv="expires" content="0">
<meta http-equiv="keywords" content="keyword1,keyword2,keyword3"> <meta http-equiv="description" content="This is my page">
<style type="text/css">
.border{border:1px solid #78a0dc;width:75%;}
p{text-align:center;}
#noticeMain{height:240px;}
#mailMain{height:240px;}
#mail{margin:14px 0 0 0;}
</style>  </head>

  <body>
    <div id="notice" class="">
<div id="" class="border">
<p>公告提示</p> </div>
<div id="noticeMain" class="border">
<ul>
<li>暂无公告</li>
</ul>
</div>
  </div>   <div id="mail" class=""> <div id="" class="border">
<p>邮件提示</p>
</div>
<div id="mailMain" class="border">
<ul>
<li>暂无邮件</li>
</ul>
</div>  </div>
  </body>
</html>

</td>
</tr>
</table>
</body>
</html>以上是代码和效果图
很有可能是这个标签在做怪。
<base href="http://localhost:8080/test1/">
(../images/bgbutton.png)
<base href="http://localhost:8080/test1/在这里加上myjsp的文件夹名/">
在FireBug里面可以显示并且针对路径问题
里面那个firefox.html就是我的文件   bgbutton.png就是我的背景图   还在images的文件夹里也放了一个bgbutton.png麻烦各位大侠看看了