CSS problem in child theme

Having a right problem with my css at the minute, I am doing a list of images with the text to the right of the image (image aligned left) but the text is only showing underneath the image. When I have used this code in an html and css file only it works fine, its only in my child theme it just doesn’t work. Code example:

.prod {
margin: 20px;
}

.prod ul {
list-style-type: none;
width: 650px;
}

.prod h5 {
font: bold 20px/1.5 Helvetica, Verdana, sans-serif;
}

.prod li img {
float: left !important;
margin: 0 15px 0 0 !important;
}

.prod li p {
font: 200 12px/1.5 Georgia, Times New Roman, serif !important;
}

.prod li {
padding: 10px;
overflow: auto;
}

.prod li:hover {
background: #eee;
cursor: pointer;
}