Здравставуйте.
Не могу понять, в чем дело. Создаю на форуме пост с хтмл, а он отображается через раз: раз как надо, раз вообще картинок нет, раз оно меняет внешний вид поста полностью.
Как это выглядит:
Когда все нормально - скрин
Обновляю страничку и через раз выдает такое - скрин
Через раз картинка вообще пропадает - скрин
Ситуация повторяется на разных устройствах, в разных браузерах.
Собственно, вопрос: это так работает из-за того, что хтмлу не нравится "соседство" с бб-кодами, или это что-то у меня неправильно и можно пофиксить?

Форум: http://circles.rolka.su

Код сообщения:

Код:

[table layout=fixed width=100%]
[tr]


[td width=27%]
[align=center][size=25][font=Julius Sans One][b]Camelot Bligh[/b][/font][/size][/align]
[align=center][size=15][font=Julius Sans One]Cam[/font][/size][/align]
[align=center][size=10]28 лет
Министерство магии
Аврорат
Аврор[/size][/align]

[/td]


[td width=46%][html]<div class="picture">
    <img src="https://forumstatic.ru/files/0019/9f/e7/94803.gif" width="220" height="220" class="round" />
    <img class="overlay" src="https://forumstatic.ru/files/0019/9f/e7/21244.png" />
</div>
<br><br><br>[/html][/td]


[td width=27%]
[align=center][size=25][font=Montserrat Alternates]Камелот Блай[/font][/size][/align]
[align=center][size=15][font=Montserrat Alternates]Кэм[/font][/size][/align]
[align=center][size=10]Ориджинал
Участие в сюжете: да
Пара: 
camelotbligh@gmail.com[/size][/align]
[/td]

[/tr]
[/table]

[quote][i][align=center]Цитата[/align][/i][/quote]

[quote][table layout=fixed width=100%]
[tr]
[td colspan=2][align=center][size=15][font=Montserrat Alternates]ФАКТЫ О ПЕРСОНАЖЕ[/font][/size][/align]
[/td][/tr]
[tr]
[td]

1. факт
2. факт
3. факт
4. факт

[/td]
[td]


5. факт
6. факт
7. факт
8. факт

[/td]
[/tr]
[/table][/quote]


[spoiler="[align=center][size=15][font=Montserrat Alternates]БИОГРАФИЯ[/font][/size][/align]"]...

[/spoiler]

В структуре style.css в конце добавлено:

Код:

.picture {
    position:relative;
    width: 250px;
    height: 250px;
    padding-top: 20px;
    padding-left: 10px;
}
.picture .overlay {
    position:absolute;
    top: 50px;
    left: 44px;
    margin: -40px;
    width: 240px;
    height: 240px;
}
  .round {
    border-radius: 150px;
}

К сожалению, не помогло. Как были края эти, так и остались.

И снова у меня не работают комментарии к плюсам, х

у меня совершенно никак не двигается шапка. Я пробовал менять ширину, высоту, margin - ничего не происходит. И минусовые значение и все какие можно только. 0 реакции.