タイトルの部分にふたつの画像を表示するやり方

私の場合どうしても右と左に違う画像を入れたくて、試行錯誤しました。

（私の例では、左側にフラメンコ猫、右側に闘牛士猫、の二つです。）

ひとつめの画像の入れ方

CSS編集を開き、

/* ----------------------- background-color-control ----------------------- */

というところで、

#frame {
background-color: #FFFFFF;
background-image: url(ここにもともと「鳥」スキンの鳥の絵のURLがあったので、ここにフラメンコ猫の画像を入れました);
background-repeat: no-repeat;
background-position: left top;←これでフラメンコ猫の画像は左に寄りました
}

ふたつめの画像の入れ方

ひとつ目の時と同じように、

/* ----------------------- background-color-control ----------------------- */

というところで、

#subFrame {
background-image: url(ここに闘牛士の画像のURLを入れました);
background-repeat: no-repeat;
background-position: right top;←これで闘牛士の画像は右に寄りました
}

・・・とこんなかんじです。

本当にこんなやり方でよいのかは不明ですが…。

特に、ふたつめの画像を入れたSubFrameって、一体何なんだろう？