Problems

I've been testing the site in different browsers as I went along. I came across two main problems which I struggled to solve...

1. Search Bar

The search bar looked fine in Firefox, but not in IE8 and Chrome. I tried adding a height to the Input property, but this didn't work either...

I posted my problem on an online CSS forum to seek further advice. One person suggested adding padding directly to the input and removing it from the placeholders, which then worked!


2. Comment Box

I posted this problem in the same forum to seek advice. Turns out Firefox ignores some CSS properties in -moz-placeholder, like padding, margin, width, height. Therefore I added the padding to .input. Problem solved!