title: Problems with unwanted Byte Order Mark in email html
body: <p>I design emails for an advertising network. I have found out that the network platform is re-encoding my html files with a Byte Order Mark when I upload them. Therefore, when they are downloaded from the network the BOM appears to break the responsive layout code in the design.</p>
  
  <p>The dev team of the network platform says that they cannot change this process. However, I need to ensure that the email designs that are being downloaded from the network work exactly as designed.</p>
  
  <p>Ideally, I need them to work immediately (rather than having to inform those downloading to re-save without the BOM).</p>
  
  <p>Is there a way to write HTML code so that it will still function with a BOM? Or is this not possible?</p>
  
  <p>This topic is beyond my level of coding knowledge as I only design email creative so please let me know if you need me to explain or clarify. All help is appreciated. Thanks.</p>
  
  <hr>
  
  <p>Thanks for your reply @Dai - here's how the email appears on mobile in the version with BOM, and the version without BOM - as you can see the version with BOM does not display responsively as intended on mobile.</p>
  
  <p><a href="http://i.stack.imgur.com/KpGEa.jpg" rel="nofollow">Top of email without BOM</a></p>
  
  <p><a href="http://i.stack.imgur.com/lTGlk.png" rel="nofollow">Top of email with BOM</a></p>
  
  <p>(Seems that I can't post more examples due to my reputation being too low!)</p>
  
  <p>As far as I can work out the BOM is somewhere in the first line of code (the DOCTYPE) - because I can just replace the first line from the 'with BOM' code with that of the 'without BOM' code and everything works as expected.</p>
  
  <p>Would it help if I pasted the code here? Would you need the whole html for both to help here? Or just a portion? Many thanks.</p>