Få en div til at skifte linie med css

Hej. Jeg har denne div:

<div id="artist_container">

    <div id="artist_list_left">

        <img src="./artist/1.gif" height="56px" />
        <a href="./artist/drem/">Dr. Em</a>
   
    </div>

    <div id="artist_list_center">

        <img src="./artist/2.gif" height="56px" />
        <a href="./artist/drem/">Grinny Grandad</a>
    </div>

    <div id="artist_list_center">

       
    </div>

    <div id="artist_list_center">

       
    </div>

    <div id="artist_list_center">

    </div>

    <div id="artist_list_center">

       
    </div>

    <div id="artist_list_center">
    </div>

    <div id="artist_list_center">
       
    </div>
   
    <div id="artist_list_right">

       
    </div>


</div>

Med denne css:

#artist_container {width: 880px; height: 147px; background-color: #3c3c53; }

#artist_container img {margin: auto; margin-top: 19px;margin-bottom: 19px; display: block;}
#artist_container a {position: relative; left: 12px; top: 2px; }

#artist_list_left {width: 98px; height: 147px; float: left; background-image: url(./img/artist_list_left.png); }
#artist_list_center {width: 98px; height: 147px; float: left; background-image: url(./img/artist_list_center.png); }
#artist_list_right {width: 96px; height: 147px; float: right; background-image: url(./img/artist_list_right.png); }


Problemet er, at teksten "Grinny Grandad" ikke tilpasse sig DIV'ens bredde, og går ud over kanten. Jeg vil gerne have den automatisk skifter til næste linie. Nogen bud?