Hey, I am wondering if this a bug and if so, is there a way to get around this. It seems vertical-align:top is broken nested tables in PHP DOM. Here is my html code for a page.
<html>
<title>3430v2 IP6-IP4:0-100 R10.1.0.2.E</title>
<body>
<table>
<tr style='vertical-align:top'>
<td style='font-size:24px;font-family:helvetica'>
3430v2 IP6-IP4:0-100<br/>
<font style='font-size:14px'>Version: R10.1.0.2.E<br/></font>
</td>
<td rowspan='2'>
<img src='graph.jpg' style='height:500px;width:720px;'/>
</td>
</tr>
<tr style='vertical-align:top'>
<td>
<table border='1' style='font-size:11px;font-family:helvetica'>
<tr>
<td><b>Load(Mbps)</b></td>
<td><b>Throughput (Mbps)</b></td>
<td><b>Frame Loss</b></td>
<td><b>CPU Usage(%)</b></td>
</tr>
<tr>
<td style='font-size:10px'>10</td>
<td style='font-size:10px'>9.5233472</td>
<td style='font-size:10px'>0</td>
<td style='font-size:10px'>25.44</td>
</tr>
<tr>
<td style='font-size:10px'>20</td>
<td style='font-size:10px'>19.078726</td>
<td style='font-size:10px'>0</td>
<td style='font-size:10px'>39.75</td>
</tr>
<tr>
<td style='font-size:10px'>30</td>
<td style='font-size:10px'>28.6026816</td>
<td style='font-size:10px'>0</td>
<td style='font-size:10px'>51.95</td>
</tr>
<tr>
<td style='font-size:10px'>40</td>
<td style='font-size:10px'>38.1464748</td>
<td style='font-size:10px'>0</td>
<td style='font-size:10px'>62.62</td>
</tr>
<tr>
<td style='font-size:10px'>50</td>
<td style='font-size:10px'>47.6563648</td>
<td style='font-size:10px'>0</td>
<td style='font-size:10px'>73.3</td>
</tr>
<tr>
<td style='font-size:10px'>60</td>
<td style='font-size:10px'>57.1865388</td>
<td style='font-size:10px'>0</td>
<td style='font-size:10px'>83.54</td>
</tr>
<tr>
<td style='font-size:10px'>70</td>
<td style='font-size:10px'>66.7105288</td>
<td style='font-size:10px'>0</td>
<td style='font-size:10px'>91.87</td>
</tr>
<tr>
<td style='font-size:10px'>80</td>
<td style='font-size:10px'>74.7568186</td>
<td style='font-size:10px'>39919</td>
<td style='font-size:10px'>100</td>
</tr>
<tr>
<td style='font-size:10px'>90</td>
<td style='font-size:10px'>51.7967244</td>
<td style='font-size:10px'>905518</td>
<td style='font-size:10px'>99.91</td>
</tr>
<tr>
<td style='font-size:10px'>100</td>
<td style='font-size:10px'>36.9661728</td>
<td style='font-size:10px'>1555871</td>
<td style='font-size:10px'>100</td>
</tr>
<tr>
<td style='font-size:10px'>110</td>
<td style='font-size:10px'>30.2819814</td>
<td style='font-size:10px'>1996080</td>
<td style='font-size:10px'>100</td>
</tr>
<tr>
<td style='font-size:10px'>120</td>
<td style='font-size:10px'>7.9333084</td>
<td style='font-size:10px'>2838193</td>
<td style='font-size:10px'>100</td>
</tr>
</table>
</td>
</tr>
</table>
</body>
</html>
Opening in firefox yields this attachment 1(moo.png). However, the phpdom conversion in attachment 2(moodom.png) looks like it is ignoring the vertical-align:top. Any thoughts/workarounds? Thanks!