Input Labels Starting With 0 Width

[Jikodis]

I am using idealforms with foundation 4 if that makes a difference. When idealforms has worked it's magic, the input's labels have no width. I saw in the demo that the labels had a width of 77px. Having no width causes the input fields to cover the input labels. Any thoughts as to why this behavior would occur?

    <form id="internship_form">
        <!-- Text -->
        <div><label>Name (First, Last, Middle):</label><input type="text" name="name" data-ideal="required"/></div>
        <div><label>College/University:</label><input type="text" name="name" data-ideal="required"/></div>
        <div><label>Major:</label><input type="text" name="name" data-ideal="required"/></div>
        <div><label>Year of Graduation:</label><input type="text" name="name" data-ideal="required"/></div>                                 
        <div><label>Email:</label><input type="text" name="email" data-ideal="required email"/></div>
        <div><label>Address Line 1:</label><input type="text" name="name" data-ideal="required"/></div>
        <div><label>Address Line 2:</label><input type="text" name="name" data-ideal="required"/></div>         
        <div><label>Phone:</label><input type="text" name="name" data-ideal="required"/></div>                      

      <!-- Separator -->
      <div><hr/></div>

      <!-- Buttons -->
      <div>
        <button type="submit">Submit</button>
        <button id="resetInternship" type="button">Reset</button>
      </div>
    </form>