html表格缩小会变形,求助CSS大大页面小化后变形被挤下去了

刚做一个页面，导航就遇到问题页面百分之百显示的话就正常

，但是缩小后右边的导航文字就会被挤下去

HTML代码在这

• 
• 广告直投
• 后台数据资源管理系统

• 你好XXX:
• |
• 账号设置
• |
• 账号设置
• |
• 账号设置
• |
• 账号设置
• |
• 账号设置

CSS代码在这

.box{ width:100%; height:60px; background:#444A51;}

.logo{ float:left; width:280px; height:60px; margin:6px 15px;}

.litext{ font-size:20px; font-weight:bold; color:#FFFFFF; letter-spacing:9px; padding-left:10px;}

.litext2{ font-size:11px; padding-left:10px; line-height:20px; color:#FFFFFF;}

.admin{ float:right; width:500px; height:60px;margin:6px;}

求助了