¿comoponer css a tipe "submit"?

[vegas]

este es el codigo html:

Código HTML:

<td align="center"><input type="submit" value="Guardar" class="boton" <div id="boton2"></div></td> 

y este el css:

Código:

<style type="text/css">
#boton2{ 
   
  
  background: #00d9ff;
  background-image: -webkit-linear-gradient(top, #00d9ff, #009dff);
  background-image: -moz-linear-gradient(top, #00d9ff, #009dff);
  background-image: -ms-linear-gradient(top, #00d9ff, #009dff);
  background-image: -o-linear-gradient(top, #00d9ff, #009dff);
  background-image: linear-gradient(to bottom, #00d9ff, #009dff);
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0px;
  font-family: Georgia;
  color: #000000;
  font-size: 20px;
  padding: 9px 20px 10px 20px;
  border: solid #000000 2px;
  text-decoration: none;
}

#boton2:hover {
  background: #3cb0fd;
  background-image: -webkit-linear-gradient(top, #3cb0fd, #00ff33);
  background-image: -moz-linear-gradient(top, #3cb0fd, #00ff33);
  background-image: -ms-linear-gradient(top, #3cb0fd, #00ff33);
  background-image: -o-linear-gradient(top, #3cb0fd, #00ff33);
  background-image: linear-gradient(to bottom, #3cb0fd, #00ff33);
  text-decoration: none;
}
</style>