To make sure things show up the way they should on the browsers mentioned above (and the popular ones


While testing on lynx/w3m, I've noticed that if the headings are like so:
- Code: Select all
<body>
<h1>...</h1>
<h2>...</h2>
...
<h6>...</h6>
</body>
i.e. directly inside the body, the output is like so --> http://chipomaniac-lk.net63.net/temp/Direct.png.
Which is swell!
However, if the headings are like so:
- Code: Select all
<body>
<div>
<h1>...</h1>
<h2>...</h2>
...
<h6>...</h6>
</div>
</body>
i.e. inside a div, the output is like so --> http://chipomaniac-lk.net63.net/temp/InDirect.png.
There's no indentation, and the headings, regardless of their level, are aligned to the left in the same way.
Which is... freaky?

So I'd like to ask? Is this something that lynx/w3m are supposed to do? Because it just seems a little weird that headings in divs are treated differently to ones directly in the body.
Edit @ 192629 HRS of 28032012:
ELlinks seems to have no problem with this though...