Okay so this is confusing the heck out of me and a good example of why I dislike HTML and CSS. I am using Google Chrome to test out an eCommerce site that I am trying to create for my portfolio.
For one part, when I create a cart and want the customer to be able to enter their quantities and update their cart, the positioning of the <input type="text"> areas are acting silly.
At first when I have the <form> field included but have not yet added the "Update" button (and containing div), the positioning of the text inputs seems to be fine:
*Notice the HTML structure in the console area*
But when I add the Update Cart button (and containing div) to the form all of the sudden the text input fields all get shoved down by approximately one cart div or so:
Does anyone know why this is happening? It seems to only happen when I add the actual div containing the "Update Cart" button. I cannot find anything in my CSS that would cause this to happen. I can post my style sheet if necessary.