Проблема с выравниванием

[skorpion97]

Я хочу выровнить изображение по центру объекта ниже, а также создать отступ внизу 5px, вот код html:

<div class="shapka"  align="center">
	<img src="http://worldcity.16mb.com/templates/siteground-j16-22/images/had.png"></img>
	</div>

Код css:

div .shapka{
	height:200px;
	width:900px;
	margin-bottom: 5px;	
	text-align: center;
}

Но получается вот такая картина:

Edited February 5, 2012 by skorpion97

[Melnik]

Выравнивание блочных элементов , по центру родительского блока задается через описание в стилях

margin:auto, в html коде лучше лучше вообще убрать align="center"

Edited February 5, 2012 by Melnik

[skorpion97]

Выравнивание блочных элементов , по центру родительского блока задается через описание в стилях

margin:auto, в html коде лучше лучше вообще убрать align="center"

Выровнил шапку по центру, но отступ остается! CSS:

div .shapka{

height:200px;

width:940px;

margin: auto;

margin-bottom: 0px;

text-align: center;

}

В чём проблема? Заранее благодарю!

Edited February 5, 2012 by skorpion97

[Melnik]

А картинка у вас правильно обрезана ? Прозрачный фон со стороны 1 = 2 ?

[skorpion97]

Всё получилось! FireBug для FireFox рулит, я отредактировал код в браузере, и заменил его в index.ph и temples.css, всё норм получилось!