האם אפשר לפצל תיבה אחת לשתי שורות

אני בונה עמוד קטגוריות עם תמונות והסבר למטה.
כשאני מגדיר ב CSS תיבות אני רוצה (כאמור), שהתמונה תהיה ברקע ולמטה תהינה כותרות.
במצב עכשיו, ( תיבה אחת בשורה אחת…) כשאני שם כותרות עם כמות תוים שונה, הטקסט גולש ומאריך את התיבה (בגובה).
אני מעוניין לפצל את אותה תיבה לשתי שורות במידות W H קבועות
   1. איך אני מקבע את גודל התיבה מבלי לאפשר את גלישת הטקסט?
   2. האם אפשרי פיצול או לבנות שתי תיבות אחת מעל השניה? (קצת מסורבל)
הנה קוד הCSS :
div.centerboks  {
    position:absolute;
    top: 150px;
    right: 500px;
    font-size: 0.8em;
    height: 100px;
    width: 100px;
    background-image: url("hamsa.gif");
    text-align: center;

}
ד'א איך הטקסט "יודע" להתמקם למטה, הרי התמונה היא background או שזה לא מה שאני מכיר מהטבלאות…
תודה רבה