不重复显示背景

Question

background of left and right div(column) not show.but when add "height: xx px" are shown. but my content div is flexible.how solve this problem? tnx. my code is :

<div style="background:url("image/l.png") repeat-y;float:left;width:3px;height:auto;" id="left"></div>
<div style="width: 613px;background:#fff;" id="center">
  <p>contents</p>
  <p>contents</p>
  <p>contents</p>
  .
  .
  .
  .
  .
  .
</div>
<div style="background:url("image/r.png") repeat-y;float:left;width:3px;height:auto;" id="right"></div>

Answer 1

组合l和r .png，使它们成为1个背景图像，在#center上垂直重复，或者在必要时将它们放在center元素的父元素上。

Answer 2

Most likely the double quotes... for best practice, try to keep your css external. What hunter did is perfect.

Answer 3

Get rid of the double quotes. You don't need quotes when you use url().