Hi, the new Drupal site I've developed is http://www.artemis2taste.gr for an ice cream shop in Greece - The site loads fine in Firefox, Chrome and Opera but not in Internet Explorer (versions 6,7,8). I would appreciate it if you could visit my website and take a look at my css. The main content area is divided in two columns by the "composite layout" module. The "last" column (the one on the right) contains collections of images for each one of the site's pages. I've used a jQuery script to make a slideshow with simple next/previous buttons for the photos that appear there. The problem is I tried so many combinations of floats, padding, margins, inline etc for the right column and the photos keep stacking one below the other (you can only see a small part of the second image, as I have a fixed height for the container div), also hiding the slideshow navigation links. I can't find a way to make these images appear on the same horizontal direction... I would really appreciate suggestions on how to solve this issue...
Thanx in advance

In IE, the height for composite-zone-inner is set to 175px.. it should only be 150px, the height of your images.

I have to say, that is some of the ugliest code mess I've ever seen, classic Drupal, which is why I will probably never use it - code spaghetti, over-use of divs.. it's a nightmare.

This is my first drupal site and its css could be much simpler. There are so many developers who respect it as the best CMS out there - you cannot judge it like this just from the code you see in this site, as code would be simpler if I was more experienced and didn't put all these divs in there. The advice you gave me (and thank you for it) doesn't affect anything on the site, as -if you'd taken a closer look- the class you mention doesn't affect those images only and the change you suggest doesn't change anything either way...

you cannot judge it like this just from the code you see in this site, as code would be simpler if I was more experienced and didn't put all these divs in there.

If only that were true. I have a friend that is a very experienced drupal developer and she really dislikes the horrid code it produces, it's just the way it is. Drupal tries to be all things to all developers .. hence the messy code it produces.

doesn't affect anything on the site, as -if you'd taken a closer look

Oh, I took a closer look with the developer tools. Fixing that div height is necessary. You must also fix some of the other divs nested within it. Trying to plow thru that code is enough to give anyone a headache. Truly, that slideshow should be in an unordered list and not multiple layers of nested divs.

In IE7 - the .expander-viewer class has no width or height, as it does in FF. If you give it these 3 things, you will get better results:

width: 10000px; (same as FF)
height: 150px;
overflow: hidden:

Once you do that, your navigation appears. You should add these rules to an IE7-only css file.