刚才荡下来看了你的样式，你那有很多需要调整的页面上的样式宽重新算一下， 比如你页面总宽是982（bodys定义了970+5+5+1+1），你左右内边框留5像素的空白，可你的main定义960px（那说明你的左右留空是10，但从你的样式看你本来的意思是想留5，可能你没搞清楚div的宽的算法。看看我上面给你的加法你就应该清楚了，并且感觉你这层要也没多大意义），而你的gs定义了958，这样你这层左右的留白就是11了。
但你下面那用table套的那层里的m2l的宽却是346px（340+6）,346*2=692px右边的m2r宽是252，加起来总宽是944px,根本不够960，肯定是不对其了。
先别说别的，单说的留白就不对，你上面的留白是11单你的下面算起来就是16，你的页面得好好算一下宽了。
还有好多层是可以不要的，可以写的更简洁写的，还有你用table来写结构都是问题。
你要放也把全部的代码放出来啊，下面的html没有也不好判断css这个东西需要熟练掌握才能知道哪里出问题，看到你写了这么多padding，margin,问题应该就出在这里了，padding,margin这些会叠加，或者不叠加，这个出来效果是不一样的
真不了解就建议固定高度，然后写一个overflow:hidden就解决了
生硬的比较好的解决办法是调节整体帧数。当然在css中我们更习惯叫自定义动画：
@keyfame
keyfame可以尽最大可能帮你解决生硬的问题。里面可以内置百分比
这个是写了一个keyfame，精确到10%一次变动。看上去就不那么生硬了。你也可以试试。呵呵。但是 要记得配合animation一起使用哦
