How to make custom login button work

Tags: javascript,jquery,html,css,jsp

Problem :

I am trying to have a custom login button function has a button, but when I try, I have another button overlapping the desired login button. Here is what it looks like.

enter image description here

Here is the HTML.

<div class="login_btn">
    <input type="submit" name="submit">

The button that says submit actually works, so the functionality is not the problem. I just was the button that says Login to work and make the Submit button disappear.

How do I make that happen? I do not know HTML so if more code is needed, please ask and I will supply it.

EDIT: The code

<input class="login_btn" type="submit" name="submit" value="Login">

creates this

enter image description here

Here is my CSS

.container .login_component .login_wrap .login_wp .login_btn {
    height: 55px;
    margin-top: 30px;
    background-repeat: no-repeat;
    background-position: center center;

Solution :

Apply your class to the input button.

<input class="login_btn" type="submit" name="submit" value="Login">

    CSS Howto..

    how to make this div margin to zero and more nature [closed]

    How well does iOS / mobile safari comply with modern browser standards?

    how to center and Crop an image to square with CSS

    How to center in CSS only after specific HTML element?

    how to apply the height css property on ie9 just?

    show the div inside that div next to it

    How to apply a CSS transition only to the transform property

    How to make bootstrap 3 navbar not wrap

    How to fix width of tooltip at IE8

    How to apply asynchronously fetched CSS into view

    PhoneGap: How to get iPad specific CSS to work?

    How to remove div backgrounds?

    How to change a class CSS with a Greasemonkey script?

    How to position
    below rest of elements

    How to add sub-menu (css) under actual sub-menu in WordPress

    How to remove rounded from to select query in jquery?

    How can I make this menu using only anchor tag and css Not using ul and li?

    How to make “transbox” full width

    Show text at bottom with css

    how to set anchor tag text width using css?

    How to make div to expand vertically without using overflow or javascript or hardcoded values such as margins

    How to reset css (a:visited{color:green}) when refresh browser address bar

    How to solve CSS dropdown border error?

    How can I access CSS selectors programmatically? [closed]

    How to override HTML image using CSS

    How to show a background color over the full width when zooming in?

    I have a link icon next to each link. How do I exclude the link icon from images?

    How to make my HTML suitable for Mobile View

    how to make an ul lay out horizontally?

    How to use body horizontal scrollbar in free jqgrid