I'm making a replica of an advertisement email, and I am having some Outlook HTML EMAIL trouble... I have aligned these two TD columns in each row perfectly and gotten them to render perfectly in almost every other mail client, but my white whale is Outlook... I have been digging online as to why my emails look so wonky and misaligned, but to no avail. Can anyone lend a hand and let me know why they might not be aligning?

http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">

<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link href="https://fonts.googleapis.com/css?family=Muli" rel="stylesheet">
<title>Email Ad</title>

<style type="text/css">

/*RESETS*/
body,
#bodyTable,
#bodyCell {
height: 100% !important;
margin: 0;
padding: 0;
width: 100% !important;
}

/*table {
border-collapse: collapse;
}*/

img,
a img {
border: 0;
outline: none;
text-decoration: none;
}

h1,
h2,
h3,
h4,
h5,
h6 {
margin: 0;
padding: 0;
}

p {
margin: 1em 0;
}

/*****CLIENT-SPECIFIC STYLES*****/

/* Force Hotmail/Outlook.com to display emails at full width. */
.ReadMsgBody {
width: 100%;
}
.ExternalClass {
width: 100%;
}

/* Force Hotmail/Outlook.com to display line heights normally. */
.ExternalClass,
.ExternalClass p,
.ExternalClass span,
.ExternalClass font,
.ExternalClass td,
.ExternalClass div {
line-height: 100%;
}

/* Remove spacing between tables in Outlook 2007 and up. */
table,
td {
mso-table-lspace: 0pt;
mso-table-rspace: 0pt;
}

/* Force Outlook 2007 and up to provide a "view in browser" message. */
#outlook a {
padding: 0;
}

/* Force IE to smoothly render resized images. */
img {
-ms-interpolation-mode: bicubic;
}

/* Prevent Windows- and Webkit-based mobile platforms from changing declared text sizes. */
body,
table,
td,
p,
a,
li,
blockquote {
-ms-text-size-adjust: 100%;
-webkit-text-size-adjust: 100%;
}

/*****MOBILE STYLES / MEDIA QUERIES*****/
@media only screen and (max-width: 480px) {
td[id="logo_container"],
td[id="scorecard_container"],
td[id="you_might_like_container"],
td[id="referrals_container"],
td[id="footer_container"] {
padding-right: 10px !important;
padding-left: 10px !important;
}
table[id="logo_block"],
table[id="scorecard_block"],
table[id="you_might_like_block"],
table[id="referrals_block"],
table[id="footer_block"] {
max-width: 480px !important;
width: 100% !important;
}

/*****CLIENT-SPECIFIC MOBILE STYLES*****/

/* Force iOS Mail to render the email at full width. */
body {
width: 100% !important;
min-width: 100% !important;
}

h1 {
font-size: 34px !important;
}
h2 {
font-size: 30px !important;
}
h3 {
font-size: 24px !important;
}

td[id="logo_container"] {
display: block !important;
}

td[id="offers_added"], td[id="bonuses_completed"],
td[id="friends_referred"],td[id="referrals_pending"] {
width: 100% !important;
display: block !important;
}

td[id="offers_added"] > table {
width: 100% !important;
padding-left: 0px;
padding-right: 0px;
}

td[id="bonuses_completed"] > table {
width: 100% !important;
padding-left: 0px;
padding-right: 0px;
}

td[id="friends_referred"] > table {
width: 100% !important;
padding-left: 0px;
padding-right: 0px;
}

td[id="referrals_pending"] > table {
width: 100% !important;
padding-left: 0px;
padding-right: 0px;
}

td[class="you_might_like_item"] {
padding-right: 20px !important;
padding-left: 20px !important;
display: block !important;
padding: 0 0 20px 0 !important;
width: 100% !important;
}

/*td[id="footer_content"] {
font-size: 16px !important;
}*/
}

<!--[if (gte mso 9)|(IE)]>
<style>
td[id="offers_added"], td[id="bonuses_completed"],
td[id="friends_referred"],td[id="referrals_pending"] {
width: 295px !important;
display: block !important;
background: red !important;
}
</style>
<![endif]-->

</head>

<body align="center" style=" text-align: center; margin: 0;padding: 0;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%; background-color: #fff; height: 100%; width: 100%;">

<table id="body_table" border="0" cellpadding="0" cellspacing="0" height="100%" width="600" max-width="600" style="text-align: center; border-collapse: collapse; -ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%; margin:0 auto ;padding: 0; background-color: #424145; height: 100%;">
<tr>
<td id="body_cell" align="center" valign="top" style="background: #fff; mso-table-lspace: 0pt;mso-table-rspace: 0pt;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%; margin: 0;padding: 0;">
<!-- // BEGIN EMAIL -->
<center>
<table id="email_container" border="0" cellspacing="0" cellpadding="0" max-width="600" width="600">
<!-- LOGO -->
<tr>
<td id="logo_container" align="center" valign="top" style="padding-top: 40px;">
<a href="https://www.ibotta.com" target="_blank">
<img src="https://i.imgur.com/citDhDC.png" alt="ibotta logo" height="65px">
</a>
</td>
</tr>
<tr>
<td align="center" width="600" valign="top" style=" border-bottom: solid 1px #dddfe4; margin-top: 40px; display: block;" id="section_divider">
</td>
</tr>
<!-- SCORECARD -->
<tr>
<td id="scorecard_container" align="center" valign="top" style="margin-top: 40px;">
<table id="scorecard_block" border="0" cellspacing="0" cellpadding="0" width="600" style="table-layout: fixed;">
<tr>
<td width="100%" align="center" valign="top" style="text-align: center; font-weight:900; font-size:60px; padding:40px 10px 0 10px; line-height:60px; color:#4a4a4a; font-family: 'Muli', sans-serif;">YOUR WEEKLY<br />
<span style="color:#27938e;">SCORECARD</span>
</td>
</tr>
<!-- <br /> -->
<tr>
<td width="100%" align="center" valign="top" style="text-align:center; font-weight:900; font-size:22px; padding:40px 10px 0 10px; line-height:60px; color:#4a4a4a; font-family: 'Muli', sans-serif;" id="scorecard_stats">YOUR CURRENT BALANCE:
<span style="color:#27938e;">$53.10</span>
</td>
</tr>
<tr>
<!-- Earned This Week -->
<td width="100%" id="earned_this_week" align="center" style="font-weight: 300; font-size: 30px; padding: 30px 0 0 0; line-height: 40px; color: #4a4a4a;">
<table width="100%" cellspacing="0" cellpadding="0" style="border: solid 1px #dddfe4; border-radius: 5px; margin: 40px 0 0 0; background-image:url('https://i.imgur.com/4QndkZu.png'); background-size: 50px; background-repeat: no-repeat; background-position: relative">
<tr>
<td align="center" style="font-weight: 300; font-size: 60px; padding: 20px 0px 20px 0px; line-height: 40px; color: #27938e; font-family: 'Muli', sans-serif;">$17.00</td>
</tr>
<tr>
<td align="center">
<div style="width:100px; border-bottom:solid 2px #27938e; padding:10px 0 0 0">
</div>
</td>
</tr>
<tr>
<td align="center" style="font-weight:300;font-size:30px;padding:30px 0 0 0;line-height:40px;color:#4a4a4a;font-family: 'Muli', sans-serif;">Earned This Week</td>
</tr>
</table>
</td>
</tr>
<tr>

<!-- Left 1 - OFFERS ADDED -->
<td id="offers_added" align="left" width="50%" style="display: inline-block; font-family: 'Muli', sans-serif; box-sizing: border-box;">
<!-- table with icon background -->
<table width="96%" cellspacing="0" cellpadding="0" style="border:solid 1px #dddfe4;border-radius:5px;margin:20px 0 0 0;background-image:url('https://i.imgur.com/4QndkZu.png');background-size:50px;background-repeat:no-repeat;background-position:relative">
<!-- quantity row -->
<tr>
<td align="center" style="text-align:center;font-weight:300;font-size:30px;padding:30px 0 0 0;line-height:40px;color:#4a4a4a">

<table align="center" cellspacing="0" cellpadding="0" width="100%">
<tr>
<td style="text-align:center; font-weight:600; font-size:60px; line-height:40px; color:#27938e">8
</td>
</tr>
</table>
</td>
</tr>
<!-- divider row -->
<tr>
<td align="center">
<div style="width:100px; border-bottom:solid 2px #27938e; padding:10px 0 0 0">
</div>
</td>
</tr>
<!-- category row -->
<tr>
<td align="center" style="text-align:center; font-weight:300; font-size:20px; padding:10px 0 40px 0; line-height:30px">
<table align="center" cellspacing="0" cellpadding="0" width="100%">
<tr>
<td>
<span>Offers Added</span>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>

<!-- RIGHT 1 - BONUSES COMPLETED -->
<td id="bonuses_completed" align="right" width="50%" style="display: inline-block; font-family: 'Muli', sans-serif; box-sizing: border-box;">
<!-- table with icon background -->
<table class="" width="96%" cellspacing="0" cellpadding="0" style="border:solid 1px #dddfe4;border-radius:5px;margin:20px 0 0 0;background-image:url('https://i.imgur.com/4QndkZu.png');background-size:50px;background-repeat:no-repeat;background-position:relative;">
<!-- quantity row -->
<tr>
<td align="center" style="text-align:center;font-weight:300;font-size:30px;padding:30px 0 0 0;line-height:40px; color:#4a4a4a">
<table align="center" cellspacing="0" cellpadding="0" width="100%">
<tbody>
<tr>
<td style="text-align:center; font-weight:600; font-size:60px; line-height:40px; color:#27938e">
6 </td>
</tr>
</tbody>
</table>
</td>
</tr>
<!-- divider row -->
<tr>
<td align="center">
<div style="width:100px;border-bottom:solid 2px #27938e;padding:10px 0 0 0">
</div>
</td>
</tr>
<!-- category row -->
<tr>
<td align="center" style="text-align:center;font-weight:300;font-size:20px;padding:10px 0 40px 0;line-height:30px">
<table align="center" cellspacing="0" cellpadding="0" width="100%">
<tr>
<td style="text-align:center;font-weight:500;font-size:20px;line-height:30px;color:#4a4a4a">
<span>Bonuses Completed</span>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<!-- Left 2 - FRIENDS REFERRED -->
<td id="friends_referred" align="left" width="50%" style="display: inline-block; font-family: 'Muli', sans-serif; box-sizing: border-box;">
<!-- table with icon background -->
<table width="96%" cellspacing="0" cellpadding="0" style="border:solid 1px #dddfe4;border-radius:5px;margin:20px 0 0 0;background-image:url('https://i.imgur.com/4QndkZu.png');background-size:50px;background-repeat:no-repeat;background-position:relative">
<!-- quantity row -->
<tr>
<td align="center" style="text-align:center;font-weight:300;font-size:30px;padding:30px 0 0 0;line-height:40px;color:#4a4a4a">

<table align="center" cellspacing="0" cellpadding="0" width="90%">
<tr>
<td style="text-align:center; font-weight:600; font-size:60px; line-height:40px; color:#27938e">2
</td>
</tr>
</table>
</td>
</tr>
<!-- divider row -->
<tr>
<td align="center">
<div style="width:100px; border-bottom:solid 2px #27938e; padding:10px 0 0 0">
</div>
</td>
</tr>
<!-- category row -->
<tr>
<td align="center" style="text-align:center; font-weight:300; font-size:20px; padding:10px 0 40px 0; line-height:30px">
<table align="center" cellspacing="0" cellpadding="0" width="90%">
<tr>
<td>
<span>Friends Referred</span>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>

<!-- RIGHT 2 - REFERRALS PENDING -->
<td id="referrals_pending" align="right" width="50%" style="display: inline-block; font-family: 'Muli', sans-serif; box-sizing: border-box;">
<!-- table with icon background -->
<table class="" width="96%" cellspacing="0" cellpadding="0" style="border:solid 1px #dddfe4;border-radius:5px;margin:20px 0 0 0;background-image:url('https://i.imgur.com/4QndkZu.png');background-size:50px;background-repeat:no-repeat;background-position:relative;">
<!-- quantity row -->
<tr>
<td align="center" style="text-align:center;font-weight:300;font-size:30px;padding:30px 0 0 0;line-height:40px;color:#4a4a4a">
<table align="center" cellspacing="0" cellpadding="0" width="90%">
<tbody>
<tr>
<td style="text-align:center; font-weight:600; font-size:60px; line-height:40px; color:#27938e">
3 </td>
</tr>
</tbody>
</table>
</td>
</tr>
<!-- divider row -->
<tr>
<td align="center">
<div style="width:100px;border-bottom:solid 2px #27938e;padding:10px 0 0 0">
</div>
</td>
</tr>
<!-- category row -->
<tr>
<td align="center" style="text-align:center; font-weight:300;font-size:20px; padding: 10px 0 40px 0;line-height:30px">
<table align="center" cellspacing="0" cellpadding="0" width="90%">
<tr>
<td style="text-align:center;font-weight:500;font-size:20px;line-height:30px;color:#4a4a4a">
<span>Referrals Pending</span>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<!-- Lifetime Earnings -->
<tr>
<td id="lifetime_earnings" align="center" style="font-weight: 300; font-size: 30px; padding: 20px 0 0 0; line-height: 40px; color: #4a4a4a;">
<table width="100%" align="center" cellspacing="0" cellpadding="0" style="border: solid 1px #dddfe4; border-radius: 5px; margin: 0px 0 0 0; background-image:url('https://i.imgur.com/4QndkZu.png'); background-size: 50px; background-repeat: no-repeat; background-position: relative">
<tr>
<td align="center" style="font-weight: 300; font-size: 60px; padding: 20px 0px 20px 0px; line-height: 40px; color: #27938e; font-family: 'Muli', sans-serif;">$833.10 </td>
</tr>
<tr>
<td align="center">
<div style="width:100px; border-bottom:solid 2px #27938e; padding:10px 0 0 0">
</div>
</td>
</tr>
<tr>
<td align="center" style="font-weight:300;font-size:30px;padding:30px 0 0 0;line-height:40px;color:#4a4a4a;font-family: 'Muli', sans-serif;">Lifetime Earnings</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<!-- YOU MIGHT LIKE -->
<tr>
<td id="you_might_like_container" align="center" valign="top" style="font-weight:900; font-size:22px; padding-top: 60px; margin-bottom: 40px; line-height:20px; color: #4a4a4a; font-family: 'Muli', sans-serif;">
<table id="you_might_like_block" width="100%" cellspacing="0" cellpadding="0">
<tr>
<td align="center" valign="top">YOU MIGHT LIKE</td>
</tr>
<tr>
<!-- SALSA -->
<td class="you_might_like_item" align="center" valign="top" style="padding: 0 10px 0 0; display: inline-block; float: left; width: 48%; margin: 0; padding: 0 12px 0 0;">
<table width="100%" cellspacing="0" cellpadding="0" style="margin: 0;">
<tr>
<td align="center" height="200" style="font-weight:600; color:#4a4a4a; margin-top: 40px; width: 100%; display: inline-block; background: #ebeef2; border-radius: 5px; padding-top: 30px;">
<img src="https://i.imgur.com/3lE77F2.png" alt="" height="160" style="">
</td>
</tr>
<tr>
<td>
<span style="display: block;font-family: 'Muli', sans-serif;font-size: 18px; font-size: 18px;"><b>$0.50 Cash Back</b></span>
</td>
</tr>
<tr>
<td>
<span style="display: block;font-family: 'Muli', sans-serif;font-family: 'Muli', sans-serif;font-size: 18px; font-size: 18px;"><b>Pace® Salsa</b></span>
<table style="background-image:url('https://i.imgur.com/4QndkZu.png'); background-size: 50px; background-repeat: no-repeat; background-position: relative;"></table>
</td>
</tr>
</table>
</td>
<!-- CELESTIAL SEASONINGS -->
<td class="you_might_like_item" align="center" valign="top" style="padding: 0 10px 0 0; display: inline-block; float: left; width: 48%; margin: 0; padding: 0 0 0 12px;">
<table width="100%" cellspacing="0" cellpadding="0" style="margin: 0;">
<tr>
<td align="center" height="200" style="font-weight:600; color:#4a4a4a; margin-top: 40px; width: 100%; display: inline-block; background: #ebeef2; border-radius: 5px; padding-top: 30px;">
<img src="https://i.imgur.com/0KdebUi.png" alt="" height="160" style="">
</td>
</tr>
<tr>
<td>
<span style="display: block;font-family: 'Muli', sans-serif;font-size: 18px;"><b>$1.00 Cash Back</b></span>
</td>
</tr>
<tr>
<td>
<span style="display: block;font-family: 'Muli', sans-serif;font-size: 18px;"><b>Celestial Seasonings® Boxed Tea</b></span>
<table style="background-image:url('https://i.imgur.com/4QndkZu.png'); background-size: 50px; background-repeat: no-repeat; background-position: relative;"></table>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<!-- BUY IT AGAIN -->
<tr>
<td id="buy_it_again_container" align="center" valign="top">
<table id="buy_it_again_block" border="0" cellspacing="0" cellpadding="0" width=“600”>
<tr>
<td></td>
<td></td>
<td></td>
<td></td>
</tr>
</table>
</td>
</tr>
<!-- REFERRALS -->
<tr>
<td id="referrals_container" align="center" valign="top">
<table id="referrals_block" border="0" cellspacing="0" cellpadding="0" width="600">
<tr>
<td></td>
</tr>
</table>
</td>
</tr>
<!-- FOOTER -->
<tr>
<td id="footer_container" align="center" valign="top">
<table id="footer_block" border="0" cellspacing="0" cellpadding="0" width=“600”>
<tr>
<td></td>
<td></td>
<td></td>
<td></td>
</tr>
</table>
</td>
</tr>
</table>
</center>
</td>
</tr>
</table>

</body>

</html>