I also noticed now that the html page has lost all hierarchy - used to be that folders in folders would have indentation - now everything is left justified. Very annoying....

Are that normal bookmarks or JavaScript bookmarklet or data URIs?

You can fix the indentation with some CSS code.

<style>
dl > dt > dl {
 display: block;
 -moz-margin-start: 40px;
}
</style>

Hi Cor-el, thanks for the reply. These are just normal bookmarks, nothing fancy/special about any of them.

The thing is, I basically use my exported bookmarks page as my home page, so while the CSS fixes it, it's overwritten the next time I close down FF. Now I'd be stuck post-processing this file manually or with scripts every time I shut down the app. I guess I'm a bit baffled as to why these changes were implemented in the first place, I'm failing to see the benefit/reasoning behind them.....

Firefox 4 and later treat the DT element differently and that causes a quirk CSS rule (dl > dl) not to get applied.

• resource://gre-resources/quirk.css line 220

Make sure that the file is opened as UTF-8.

• View > Character Encoding
• Firefox > Web Developer > Character Encoding

You can use this bookmarklet to add the style sheet.

javascript:(function(){var doc=document,css=doc.createElement('LINK');css.rel='stylesheet';css.type='text/css';css.href='data:text/css,'+'dl>dt>dl{display:block;-moz-margin-start:40px;}';doc.documentElement.childNodes[0].appendChild(css);})();