css之悬浮问题，高手请进！！！！
先上代码：
<!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" />
<title>Fixed固定位置的悬浮</title>
<link href="style1.css" rel="stylesheet"
type="text/css" />
<link href="style.css" rel="stylesheet"
type="text/css" />
</head>
<body>
<table width="99%" border="0" cellspacing="0" cellpadding="0" align="center" bgcolor="#eff1f4">
<!--<tr>
<th width="4%"> 序号 </th>
<th width="6%"> 区所 </th>
<th width="8%"> 标段名称 </th>
<th width="18%"> 合同名称 </th>
<th width="10%"> 合同编号 </th>
<th width="14%"> 保洁单位 </th>
<th width="8%"> 联系人 </th>
<th width="12%"> 创建时间 </th>
<th width="4%"> 状态 </th>
<th width="16%"> 操作 </th>
</tr>-->
<tr style="white-space: nowrap; overflow: hidden; text-overflow: ellipsis;" onmouseover="this.style.backgroundColor='#CCCC99';this.style.cursor='hand';return true;" onmouseout="this.style.backgroundColor='';" >
<td width="4%" height="30" align="center"> 100 </td>
<td width="6%" align="center"> 测试 </td>
<td width="8%" align="center"> 测试 </td >
<td width="18%" align="center"> 测试 </td>
<td width="10%" align="center"> 测试 </td>
<td width="14%" align="center"> 测试 </td>
<td width="8%" align="center"> 测试 </td>
<td width="12%" align="center"> 测试 </td>
<td width="4%" align="center"> <font color="red">已备案</font> </td>
<td width="16%" align="center"> <img alt="css之悬浮有关问题，" src="images/modify.png" width="24px" height="24px" title="修改中标信息" onmouseover="this.style.cursor='hand';" /> <img alt="css之悬浮有关问题，" src="images/addData.png" title="添加分标数据" onmouseover="this.style.cursor='hand';" />
<!--<img alt="css之悬浮有关问题，" src="<%=path%>/images/upload.png" title="导入分标数据" onMouseOver="this.style.cursor='hand';"onclick="upload(${cleanItem.ciId})">
-->
<img alt="css之悬浮有关问题，" src="images/delete.png" width="24px" height="24px" title="删除中标信息" onmouseover="this.style.cursor='hand';" /> <img alt="css之悬浮有关问题，" src="images/query.png" width="24px" height="24px" title="查看分标详细信息" onmouseover="this.style.cursor='hand';" /></td>
</tr>
<tr style="white-space: nowrap; overflow: hidden; text-overflow: ellipsis;" onmouseover="this.style.backgroundColor='#CCCC99';this.style.cursor='hand';return true;"
onmouseout="this.style.backgroundColor='';" >
<td align="center" > 1 </td>
<td align="center" > 测试 </td>
<td align="center" > 测试 </td >
<td align="center" > 测试 </td>
<td align="center" > 测试 </td>
<td align="center" > 测试 </td>
<td align="center" > 测试 </td>
<td align="center" > 测试 </td>
<td align="center"> <font color="red">已备案</font> </td>
<td align="center" > <img alt="css之悬浮有关问题，" src="images/modify.png" width="24px" height="24px" title="修改中标信息" onmouseover="this.style.cursor='hand';" /> <img alt="css之悬浮有关问题，" src="images/addData.png" title="添加分标数据" onmouseover="this.style.cursor='hand';" />
<!--<img alt="css之悬浮有关问题，" src="<%=path%>/images/upload.png" title="导入分标数据" onMouseOver="this.style.cursor='hand';"onclick="upload(${cleanItem.ciId})">
-->
<img alt="css之悬浮有关问题，" src="images/delete.png" width="24px" height="24px" title="删除中标信息" onmouseover="this.style.cursor='hand';" /> <img alt="css之悬浮有关问题，" src="images/query.png" width="24px" height="24px" title="查看分标详细信息" onmouseover="this.style.cursor='hand';" /></td>
</tr>
<tr style="white-space: nowrap; overflow: hidden; text-overflow: ellipsis;" onmouseover="this.style.backgroundColor='#CCCC99';this.style.cursor='hand';return true;"
onmouseout="this.style.backgroundColor='';" >
<td align="center" > 2</td>
<td align="center" > 测试 </td>
<td align="center" > 测试 </td >
<td align="center" > 测试 </td>
<td align="center" > 测试 </td>
<td align="center" > 测试 </td>
<td align="center" > 测试 </td>
<td align="center" > 测试 </td>
<td align="center"> <font color="red">已备案</font> </td>
<td align="center" > <img alt="css之悬浮有关问题，" src="images/modify.png" width="24px" height="24px" title="修改中标信息" onmouseover="this.style.cursor='hand';" /> <img alt="css之悬浮有关问题，" src="images/addData.png" title="添加分标数据" onmouseover="this.style.cursor='hand';" />
<!--<img alt="css之悬浮有关问题，" src="<%=path%>/images/upload.png" title="导入分标数据" onMouseOver="this.style.cursor='hand';"onclick="upload(${cleanItem.ciId})">
-->
<img alt="css之悬浮有关问题，" src="images/delete.png" width="24px" height="24px" title="删除中标信息" onmouseover="this.style.cursor='hand';" /> <img alt="css之悬浮有关问题，" src="images/query.png" width="24px" height="24px" title="查看分标详细信息" onmouseover="this.style.cursor='hand';" /></td>
</tr>
<tr style="white-space: nowrap; overflow: hidden; text-overflow: ellipsis;" onmouseover="this.style.backgroundColor='#CCCC99';this.style.cursor='hand';return true;"
onmouseout="this.style.backgroundColor='';" >
<td align="center" > 3</td>
<td align="center" > 测试 </td>
<td align="center" > 测试 </td >
<td align="center" > 测试 </td>
<td align="center" > 测试 </td>
<td align="center" > 测试 </td>
<td align="center" > 测试 </td>
<td align="center" > 测试 </td>
<td align="center"> <font color="red">已备案</font> </td>
<td align="center" > <img alt="css之悬浮有关问题，" src="images/modify.png" width="24px" height="24px" title="修改中标信息" onmouseover="this.style.cursor='hand';" /> <img alt="css之悬浮有关问题，" src="images/addData.png" title="添加分标数据" onmouseover="this.style.cursor='hand';" />
<!--<img alt="css之悬浮有关问题，" src="<%=path%>/images/upload.png" title="导入分标数据" onMouseOver="this.style.cursor='hand';"onclick="upload(${cleanItem.ciId})">
-->
<img alt="css之悬浮有关问题，" src="images/delete.png" width="24px" height="24px" title="删除中标信息" onmouseover="this.style.cursor='hand';" /> <img alt="css之悬浮有关问题，" src="images/query.png" width="24px" height="24px" title="查看分标详细信息" onmouseover="this.style.cursor='hand';" /></td>
</tr>
</table>
<br/>
<br/>
<br />
<div style="position:fixed;bottom:0;height:32px;z-index:9999;filter:alpha(opacity=60);">
<table width="100%" border="1" align="center" cellpadding="3" cellspacing="0" style="position:relative;">
<tr>
<td height="30" align="center" bgcolor="#E7F6FD">
每页
<select size="1" onChange="everyPage(this.value);" >
<option value="5" >5条</option>
<option value="10" >10条</option>
<option value="20" >20条</option>
<option value="50">50条</option>
<option value="100" >100条</option>
</select>
显示
共有【${page.totalCount}】条信息
当前第${page.currentPage}/${page.totalPage}页 [ <a
href="javascript:if(${page.currentPage}==1){ alert('已经是第一页！');} else { doPage(1);}"><font
color="#000000">首页</font> </a>] [ <a
href="javascript: if(${page.hasPrePage }) { doPage(${page.currentPage - 1});}else{ alert('已经是第一页！');}"><font
color="#000000">上一页</font> </a>] [ <a
href="javascript: if(${page.hasNextPage }) { doPage(${page.currentPage+1});}else{ alert('已经是最后一页！');}"><font
color="#000000">下一页</font> </a>] [ <a
href="javascript:if(${page.currentPage}==${page.totalPage}){ alert('已经是最后一页！');} else{doPage(${page.totalPage});}"><font
color="#000000">尾页</font> </a>] 跳转到
<select size="1" id="selIndex"
onChange="doPage(this.value);">
<s:bean name="org.apache.struts2.util.Counter" id="counter">
<s:param name="first" value="1" />
<s:param name="last" value="#page.totalPage" />
<s:iterator status="count"> <option value="${count.index+1}"
<s:if test="#page.currentPage==#count.index+1">selected="selected"</s:if>
>第
<s:property />页</s:iterator>
</s:bean>
</select>
</td>
</tr>
</table>
</div>
</body>
</html>
现象：比例为100%时，显示正常。
比例为125%时，显示就不正常了。
大家看上面两幅图就知道，在125%的比例时，只能看到“跳转到”，它后面的就看不了。
大家有没有办法，让它在125%的比例时，也能看到100%比例时的所有内容呢？？小弟想想老半天了，没想出来。有哪位大侠帮帮小弟，感激不尽！！！！
[解决办法]
position:relative 这个 不加 就能出现了。实在不行的话 可能需要 定义 最小宽 了
当宽度 小于这个的时候就出现滚动条。 min-width
[解决办法]
不知道你div里面加个table是何用意，不过你的问题在td标签中加nowrap应该可以解决
[解决办法]
用表格写的结构，条样式很麻烦。
这个应该是cms里面的页面。我经常调这种样式，需要具体看。
