新模板已经做使用了2天了，使用的过程中，逐渐发现了一些小问题。这里把这些小问题总结一下。

首先不得不说让我心痛的IE，IE对图像的处理能力实在是让我头疼，虽然最后修改了定位的方式解决了页面底部草地的效果。这里说说问题所在。

先是IE给我带来的几个麻烦

第一是IE6的不支持PNG透明的问题，这个大家都知道，就不多说了，第二是关于background的问题。在页面底部先设置了草地图片的repeat，在正常的FF下面，我在其子容器里面放置图片啊，输入框啊，都不会影响底部草地图片，但是在IE6和IE7下，都出现了含图片（或input标签）的子容器挤走父容器的背景图片的情况。结果就导致父容器背景变成了空白，惨不忍睹啊。解决方法，我尚未详细测试和总结，我只是去掉了图像，去掉了部分block属性，以及包含图片(img标签)的容器不要使用float属性。当然，这个是不完整的总结。以后再测试测试这个bug的成因。

然后就说说标题中提到的“文本内容的背景随着文字长度扩展问题”

默认情况下，文本的属性是display:inline;，这样的属性，我们不能够给它设置width和height，甚至padding这个属性都会使该文本产生负偏移。起初使用的是postion:relative;来把负偏移抵消掉。但是这个效果在IE和FF下面显示效果出现了差异，尽量不要使用css hack吧。

第二种想法是使用display:block;来控制padding，这样虽然能够轻松调整文字位置，但是出现了标题中说的问题，块状对象的宽度不能够随着内部文字变化，这个明显不能够符合我最初设计的。

为了不用css hack，又要让容器宽度能够自适应，又一次请教了 Tension 之后，得知，可以直接使用float属性。在使用了float属性之后，这一段文字能够使用padding来调整其边距，并且容器的长宽能够随着文字的增减变化。简直是太完美了。而且这个代码在IE和FF下都显示正常，特别高兴啊！

具体效果就是主页的文章标题部分，大家可以使用firebug来分别测试这三种效果。