質問させてください。
VSCでHTMLの勉強をはじめたのですが、HTMLプレビューの拡張機能を
2種類試したところ、どちらも表示がおかしいので困っています。

https://i.imgur.com/sDHcT9C.png

画像は!→TABで作成されるhtmlのテンプレートに外部CSSを指定し、
body内にID="test"のDIV、その中にpタグで"表示テスト"と書いただけのシンプルなものです。

しかし画像のように、HTML Preview 0.2.4ではCSSで指定した背景色
redとaquaは反映されますが、なぜかpタグの文字が一つになのに二重に表示され、
文字の色も変わってしまっています。
もう一つのLive HTML Previewer 0.3.0では、pタグの文字は正確なのですが、
bodyに設定した背景色redが反映されません。
画像中央はFireFoxでの表示ですが、pタグの文字も正しく、
bodyの背景色redが反映されて意図どおりに表示されています。
Google chromeでも同様に表示されました。
似たような機能なので拡張機能のバッティングが不具合の理由かと思い、
それぞれ一つづつインストールして試してもみたのですが同様の表示になりました。

拡張機能によるエディタ内でのHTMLのプレビューでは正確な表示は無理なのでしょうか。
それともやり方が悪いのか、もしくは正確に表示できる拡張機能があれば教えてください。