Buttons lassen sich nicht einrichten

hey ho,
ich hab wie immer nochn popup und möchte da einfach nur das die zwei buttons neben einander liegen. das hat auch funktioniert doch ich bin grad dabei alles in stylesheets umzuschreiben und nun ist der Warenkorb/Angebot button links oben und der zurück zum shop button rechts unten und ich kriegs nich raus wieso. hier mal mein code

<tr>
				<td colspan="2">
					<div style="text-align:left; vertical-align:bottom">
						<script type="text/javascript">
							if(bestellung=='True')
							{
								document.write('<input type ="button" style="background-color:#ff9b07; width:150px" name="bestellen_1" value="Zum Warenkorb" class="schaltflache" onclick="javascript:ShowDocument()">')
							}
							if(bestellung=='False')
							{
								document.write('<input type ="button" style="background-color:#ff9b07; width:150px" name="bestellen_1" value="Zum Angebot" class="schaltflache" onclick="javascript:ShowDocument()">')
							}
						</script>
					</div>
					<div style="text-align:right; vertical-align:bottom">
						<input type ="button" style="background-color:#ffe600; width:150px" name="schliessen" value="zurück zum Shop" onClick="window.close()">
					</div>
				</td>
			</tr>

hey, so habs jetzt hinbekommen. nee daran lags nich. der hat mir nach jedem button n absatz geschmissen und deswegen hat das nich funktioniert habs jetzt folgendermaßen gelöst:
<div style="float: left; text-align:left; vertical-align:bottom">

<script type="text/javascript">
if(bestellung=='True')
{
document.write('<input type ="button" style="background-color:#ff9b07; width:150px" name="bestellen_1" value="Zur Bestellung" class="schaltflache" onclick="javascript:ShowDocumentB()">');
}
if(bestellung=='False')
{
document.write('<input type ="button" style="background-color:#ff9b07; width:150px" name="bestellen_1" value="Zum Angebot" class="schaltflache" onclick="javascript:ShowDocumentA()">');
}
</script>

</div>