2 modules besides each other

I want to place 2 custom-modules next to each other in the mainbody-position, both modules contain an image but the 2nd module is placed under the 1st module instead of on the right of the 1st.
I tried to use next code in override.css (and enabled overide.css in templates configuration)

Code: Select all

/* module class suffix for the left image */
.bannerleft {
float:left;
width:48%;}

/* module class suffix for the right image */
.bannerright {
float:right;
width:48%;}

Any other suggestion on how to make this work?

Hi,
without url I can't help you. Please give us url to your site.

http://www.altenaweb.nl

Please remove your code from override.css and add this one:

Code: Select all

.box.bannerleft {
float:left;
}


will work.