[問題] css圖片組合

[knives ()]

又要麻煩大家了
我想做一個對話的框它的背景像下面的圖
http://i642.photobucket.com/albums/uu144/aloha1003/2011-03-11_091439.png
我有一個想法是將整個div背景分成三塊
左邊    中間    右間
其中中間用css的repeat-x來做延展
那請問一下我的css要怎麼做才行，還是說把整個div切割成三等份像這樣
<div id="item">
        <span class="left"></span>
        <span class="center"></span>
        <span  class="right"></span>
</div>
這樣做最簡單呢
但是這樣好像沒啥挑戰性，而且也要多弄好幾個span出來
不知道第一個方案能不能辦到


--
   ◢ ˊ_▂▃▄▂_ˋ. ◣   　 　 　　　　　 ▅▅▅　　▅▅▅　　ι●╮　　　　
  ▍./◤_▂▃▄▂_◥ \'▊ 　 　ＨＡＲＵＨＩ ████████　　＜■┘ 　　 　
  ▎⊿ ◤◤◥█◥◥█Δ  █　  ＩＳＭ　　　 ███▃▃███　　￠|\　　　　　
  ▏ζ(▏●‵◥′●▊)Ψ ▏　　 By-gamejye  ▂▂▂　　▂▂▂　　 ⊿Δ 　　　　
  █/|▊ 〃  、  〃▋ |\ ▎　　　  　　　  ハ　ル　ヒ　主　義　　　　　　　　 
  ◥◥|◣   ‵′  ◢/'◢◢ S‧O‧S 世界を大いに盛り上げるための涼宮ハルヒの団 

--
※ 發信站: 批踢踢實業坊(ptt.cc) 
◆ From: 122.117.39.194
推 terlin10:看不出來第一個方案是啥？第二個方案呢？
推 ooopooo:我看不懂你表達的意思
→ andrew43:切上中下可能更好。
→ andrew43:以便其中的文字要很多列才能完全顯示。