Have tried looking through all the posts but have not come across a perfect solution.
Have a simple nested email design with rows of images that mail.office365.com will insert breaks below each row. Now I know 365 rips out the display:block so did the wrap the image in a <div> to fix it (the align fix didn't work) but this now causes the same breaks in Outlook 2010.
Have tried style="font-size: 0; line-height: 0;" in the <td>,
<table border="0" cellpadding="0" cellspacing="0">
image alignment in <td> and <img>
border collapse in the <img> (though collapse only works for table tags?)
...and defining the height everywhere with no success.
Any other suggestions?