justinbenfaida

Note the code at the bottom of the base: * {font-family:Verdana, Arial, Helvetica, sans-serif;margin:0;padding:0;}body {{% if theme.background_image != blank %} background-image: url({{ theme.background_image.url }}); background-repeat: repeat; background-attachment: fixed;{% endif %}background-color:#FFFFFF;color:#00000;font-family:Verdana, Arial, Helvetica, sans-serif;font-size:11px;font-weight:normal;margin:0;text-align:center;}ul,ol {margin-bottom:1em;}li {list-style:none;}h2 {font-size:13px;font-weight:normal;margin-bottom:1em;text-transform:uppercase;}p {color:#00000;font-size:11px;

New to this, so pardon my verbal mistakes. Site Currently Being Worked On The problem is, is that all the products are in great placement, until you reach the 4th row down, where the style breaks and the hats on the bottom do "their own thing". I can't find anywhere in the break that would show this... /*============= Begin Products Grid Styles========================*/#products {background:none;display:inline;float:left;margin:0px;width:995px;}#products div.product { border: 0 none; display: block; float: middle; height: 200px; margin-bottom: 20px; margin-right: 20px; width: 171px;}#