Непонятное поведение html под Android

Добрый вечер всем!
Столкнулся с непонятным поведением текста под Android. Если у параграфа указан фоновый цвет, то текст как и положено разворачивается на всю ширину блока, а если фона нет - то только на часть экрана. Уже сломал мозг, помогите люди добрые! Как развернуть текст без фона на весь экран?
ссылка

Дело не в background.

У вас стоит user-agent styles - p { display: block }

Пропишите отображение inline как оно и должно быть у параграфа:

.content p {

font-size: 14px;

line-height: 18px;

margin-bottom: 18px;

display: inline-block;

}

tuls, а с каких это пор "inline как оно и должно быть у параграфа"?

floppox, согласен. Это с каких пор параграф перестал быть блочным элементом?

P.S. Нашел два способа как это побороть (правда оба костыли).
1. Делаем у параграфа прозрачное фоновое изображение.
2. Делаем у параграфа background-color:rgba(0,0,0,0.005); (если ставить нулевую прозрачность, то не работает, а так - и не заметно и разворачивает на всю ширину).

Цитата ("floppox"):

tuls, а с каких это пор "inline как оно и должно быть у параграфа"?

Не был, не был.
перепутал с содержанием параграфа наверное.

Вообще если позиционировать все элементы параграфа по левому или правому краю и задать ширину 100% то такой проблемы не будет. Или это является неприемлемым выходом из ситуации?

p {

float: left;

width: 100%;

}