title: Switching to utf-8. White spaces appeared on top of html pages and at some other places
body: <p>I have switched all html (and php) pages to utf-8. Before that everything looked perfect in any browser for a very long time. Now, when I switched to utf-8 everything (MySQL db and pages), NO other changes were made, the pages look a bit odd. It displays several white rectanges on the page. </p>
  
  <p>Viewing sourse in the browser shows nothing. When I save html page using Save As... (using the default encoding UTF-8 as IE suggests), I see 15 symbols-rectangles on the page. Once I remove them from html page (using Notepad) manually, everything looks almost fine. (Almost = saved html page doesn't display all pictures so I can't tell for sure).</p>
  
  <p><strong>important additional info:</strong></p>
  
  <ol>
  <li>When I converted all php pages in Notepad++ from ANSI to UTF-8, I chose Encoding->Convert to UTF-8 (not a Convert to UTF-8 without BOM). So, probably, it was converted with BOM.</li>
  <li>css {padding:0, margin:0} was used a long time to remove white spaces on top a long time ago and was not changed since that time.</li>
  </ol>
  
  <p>Example of several rectanges that I've found on the saved html page (showed here using question symbols):</p>
  
  <pre><code>**&lt;BODY&gt;?????? 
  
  &lt;META name=description content="....**
  </code></pre>