Как выровнять кнопки (в разных формах) по горизонтали в IE7

У меня есть следующий бит кода, который состоит из 3 кнопок:

<div id="button-panel">
    <form action="../edit/" method="GET">
     <input type="hidden" name="id" value="<?php echo $record->id; ?>" />
     <input type="submit" value="Edit" />
    </form>

    <form action="" method="POST">
     <input  type="submit" name="cancel_btn" value="Cancel" />
    </form> 

  <input type="button" id="boh-url-gen" value="Generate URL" onClick="generateURL();" />                    
</div>  <!-- button-panel -->

Несмотря на мои усилия, кнопки выравниваются по вертикали в IE7. В настоящее время я применяю следующий CSS:

#button-panel *{display:inline-block;}

Однако он не работает для IE7.