Problem med styling af form i modalt vindue.

Hejsa

Jeg er ved at gå amok over et problem som jeg har med et Modal Vindue.

Jeg har fundet noget kode til et modalt vindue i JS.
Det er meningen at JS koden danner et modalt vindue hvor man så kan hente noget html ind i og det virker også fint på nær stylingen af den form som jeg vil hente ind i det modale vindue.

Mine inputfelter expander ud over den div tag som omslutter hele formen.
Jeg kan selvfølgelig give input felterne en bestemt højde men det burde vel ikke være nødvendig, hvis div tagget har en bestemt størrelse...... eller hvad???

Min html side som jeg henter ind i mit modale vindue ser sådan ud:

<div id="xx">
  <form id="form">
    <span>
      <label for="username">Username</label>
      <input id="username" name="username" type="text" />
    </span>
    <br/>
    <span>
      <label for="password">Password</label>
      <input id="password" name="password" type="text" />
    </span>
  </form>
</div>

CSS se sådan ud:

#xx {
    height: 33%;
}

Altså ikke nogen styling af højden på input taggene.
Højden af XX div tagget er 33% af det modale vindue og det virker fint.
men de 2 input felter expander ud over div taggen.

hvad er det der går galt?!?
Hvad gør jeg forkert eller hvad mangler jeg.......??

mvh
Flemming