Обрамить картинку картинкой-рамкой справа и снизу

[Defender]

Добрый день!

Вот мучаюсь уже день, оешения не могу найти. Помогите пожалуйста.

Задача следующая.

Есть картинка известной ширины (300 пикселей), но неизвестной высоты (высота может быть разной). Необходимо обрамить ее справа и снизу рамкой-картинкой. Эта рамка-картинка разбита на пять частей: правая верхняя, правая, правый нижний угол, нижняя левая, нижняя. Пытаюсь это сделать с помощью таблицы и распихать куски рамки бекграундами.

<table cellpadding='0' cellspacing='0' border='0' width='307'>
			<tr>
				<td rowspan='2' colspan='2' width='300'>
				<img src='images/dish/IMG_0553.jpg' width='300'>
				</td><td width='7' height='7' background='images/frame_news_right_top.gif'></td>
			</tr>
			<tr>
				<td width='7' colspan='2' background='images/frame_news_right.gif'></td>
			</tr>
			<tr>
				<td width='7' height='7' background='images/frame_news_bottom_left.gif'></td>
				<td width='293' height='7' background='images/frame_news_bottom.gif'></td>
				<td width='7' height='7' background='images/frame_news_corner.gif'></td>
			</tr>
		</table>

В Опере, Сафари и Хроме все работает правильно:

Но в ИЕ и ФФ видим следующее:

Т.е. тупо не сохрянется высота правой верхней ячейки. background-repeat: no-repeat не поможет.

[s0rr0w]

Добрый день!

Вот мучаюсь уже день, оешения не могу найти. Помогите пожалуйста.

Т.е. тупо не сохрянется высота правой верхней ячейки. background-repeat: no-repeat не поможет.

Вы решаете задачу очень извратными способами.

Она решается вообще без таблиц.