Question: I'm creating a website and have a problem with the way it displays in different browsers. I'm testing using Chrome, iOS and IE8. The site displays correctly in the first two, but not so in IE.

The website in question is <http://www.edalemill.co.uk/>

Can anyone help point out what's wrong with my CSS to solve the problem?

Thanks!

Answer: 
If you are doing this for only learning purposes and using some 100ish photographs, I'd say you should start with storing data in a directory and display them. This will allow you to focus on presentation layouts more. You can build a class to extract the images.

Once your layout looks great, you can expand your database to store your images, write a script to migrate pictures to the database table(s) and extend the class to extract images so that they come from the database instead of the file system. This will engage your mind in abstracting layers of operations, making database changes and ...version controlling your changes (I recommend git).

That way you can simulate a client who had few needs at first (pictures on the file system) and their needs grew (pictures in the database), and how you would manage the change in real life. Going one step forward, you could version control your journey on GitHub. That call allow StackOverflow users to fork your repository and help you make changes to your code.
I would suggest to store all names in a database!

Advantages:

* It allows building relations if you later plan to create other tables.
* It (directly) allows sorting
* It (directly) allows filtering

Disadvantages:

* You have to synchronize the file names and the table if you edit or remove from one of them.

You could also store the images in your database. Whether this option is recommendable depends on your use case and amount of visitors. See here for further information on that topic: [PHP to store images in MySQL or not?](https://stackoverflow.com/questions/527801/php-to-store-images-in-mysql-or-not)