Error rendering css text-indent

I commonly use a class="alinea" with first-line indentation as 
{text-indent: 30px;}

Amaya indents the first line but does not shorten it accordingly. 
Instead, it translates the first line to the right (somewhat as a SVG 
transform translate). As a result, the line is longer than the body (I 
mean: you get an horizontal scroll bar, which is absurd in a page where 
nothing has a fixed width).

I have given my blockquote left and right borders through css. If I use 
class alinea inside a blockquote, the first line goes through the right 
border of the containing block blockquote.

You may see this on http://www.d-meeus.be/marxisme/classiques/lME.html. 
Firefox displays it correctly.