Need help with HTML buttons (noob)

Hey all, im in the proccess of designing my up-and-cming image host. This is just a start and I wanted to get everything laid out correctly before it gets coded.

http://imagestore.in/

My problem is with the "Submit" buttons. I can't for the lord of me get the text to be the same size as the "Browse" buttons.

Here is the HTML code used on the browse buttons:

<form id="form1" name="form1" enctype="multipart/form-data" method="post" action="">
      <label>
        <input type="file" name="file" style="width: 15px; height: 20px; font-family: Arial, Arial; font-size:x-small;" />
        </label>
</form> 

Code (markup):

And the HTML used on the Submit button:

<form id="form3" name="form3" method="post" action="">
        <label>
          <input type="submit" name="Submit" value="Submit" style="width: 50px; height: 20px; font-family: Arial, Arial; font-size:x-small;"/>
        </label>
</form>

Code (markup):

Can anyone give us some help? Cheers

 

Just a guess but... try making the font-size in your style code an actual value rather than "x-small" it's all relative to the default value in the browser therefore if you put in a fixed value it may fix your problem.

--EDIT--

Also, I believe that the two fonts used are different (one is arial, the other is the default font). You can't (as far as I know) change the browse button font but you can change the submit button's font. If you leave it default it should be the same.

 

I just got rid of the font size bits and it works fine now, thanks a lot mate

 

man, i totally missed this, i could've helped, but as long as you got it done, good job.

 

You don't need the label around the submit button, and putting non-checkbox/radio inputs inside labels can render your page inaccessible to some screen readers. Just make the inputs adjacent to rather than children of the labels and you'll be fine.