Фоновая картинка с закруглениями

[seemax]

Пытаюсь оформить блок с закруглениями через фон картинку, способом описанным здесь

http://htmlbook.ru/faq/kak-vydelit-stroku-s-pomoshchyu-bloka-s-zakrugleniyami

В фотошопе сделал картинку с прозрачным фоном, чуть шире нужного, как советует автор. Слайсом отрезал нижнюю горизонталь, т как закругл сверху, и сохранил рис «как для веб».

Задаю стилями фон рисунок и получаю: А. кроме нужного закругления еще и белые уголки. Б. Задав нужную ширину получил обрезь.

Подскажите плз, где я ошибся и как добиться нужного результата.

[rus]

Подскажите плз, где я ошибся и как добиться нужного результата.

посмею предположить, что ошибка кроется где-то в коде

[seemax]

Попробую привести код, хотелось бы разобраться в ошибке

        <div id="right1">
          <div id="BlackCurve">Content for  id "BlackCurve" Goes Here</div>
        Content for  id "right1" Goes Here</div>

#right1 #BlackCurve {
	background-image: url(images/Black%20curve.gif);
	height: 40px;

[0nline]

Скорее всего 40 пикселей много.

Попробуй уменьшить

[skygazer]

через border-radius можно сделать без всяких картинок.

[Sole]

seemax

покажите код для всего блока div#right1. вы внутренний блок влево сдвигаете?

[seemax]

seemax

покажите код для всего блока div#right1. вы внутренний блок влево сдвигаете?

Спасибо Sole за участие, от кода мало что осталось: картинку заменил background color, задал border-radius, внутр блок теперь position static.

Короче говоря, много раз менял свойства и ,насколько я помню именно те настройки, внутр блок влево не сдвинут был принудительно.

А какие еще идеи.

Мое понимание: если картинка больше DIV, она режется по правому краю, как на фото, и всё...

Задать её как в приведенном выше уроке я не смог.