Хром тупит с inline-block

[bems]

Проблема такая. Отказались от table, используем divы и свойство block:inline-block.

Если div'у не давать class а прописывать все свойства в style, то везде всё номально. Но как только мы создаём в CSS определённый стиль и прописываем его диву в class="имя стиля", то у браузера Chrome возникает такая проблема. Берутся непонятные отступы.

Как должно быть (в остальных браузерах)

Хром

Сам стиль таков:

	.block-text-content {
		padding:5px;
		background-color:#bfbfbf;
		display: inline-block;
		font-family: tahoma, verdana, arial, sans-serif, Lucida Sans;
		font-size: 11px;
		word-wrap: break-word;
		overflow: auto;
		vertical-align:top;
	}

Фрагмент html:

				<div style="display: inline-block;">
						//аватарка
					</div>
					<div class="block-author-content" style="padding:2px; height: 46px; width: 513px;">
						//информация о блоге
					</div>

Помогите разобраться, что за тупость с хромом? В остальных всё нормально работает!

[psywalker]

Всё дело в специфичности. Т.е. наверняка в стилях есть селекторы, которые перебивают вашу запись. А когда вы встраиваете стиль в тег, то он становится весомее и всё работает. Ройтесь в стилях.