Witam,
jak wyrównać elementy formy input text i submit w poziomie tak, aby dobrze się wyświetlało w IE również bez trybu zgodności widoku?

Oto kod:
[HTML] pobierz, plaintext 
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
  2.     "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  3. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  4. <head>
  5. <link rel="stylesheet" type="text/css" href="style.css" />
  6. </head>
  7. <body>
  8.   <div class="form-wrap">
  9.     <form>
  10.       <input type="text" name="tekst" />
  11.       <input type="submit" value=""/>
  12.     </form>
  13.   </div>
  14. </body>
  15. </html>
[HTML] pobierz, plaintext 

[CSS] pobierz, plaintext 
  1. .form-wrap form{
  2.   height: 24px;
  3. }
  4. .form-wrap input{
  5.   margin: 0;
  6.   padding: 0;
  7. }
  8. .form-wrap input[type=text]{
  9.   height: 22px;
  10.   border: 1px solid #F00;
  11.   line-height: 22px;
  12. }
  13. .form-wrap input[type=submit]{
  14.   height: 24px;
  15.   width: 65px;
  16.   border: 0px none;
  17.   background: transparent url(ok.png) no-repeat 0 50%;
  18.   line-height: 24px;
  19. }
[CSS] pobierz, plaintext