Content cropped when using negative margins in lte IE7

[spacedog3k]

Hello,

I am trying to get two images to half-cover the left and right border of my content area. Currently I have the images in columns 1 & 2 and am using negative margins to pull them over the edge of the page margins. This (of course) is not working in IE6 or IE7. anyone have any suggestions on how to get this to work? I have looked around the internet for answers and have found that it may have to do with needing a postion:relative statement added but I have tried that at various levels and it didn't work. I don't really care if the images are in columns 1 & 2 and they can be hard coded if need be. (background images are fine as long as the whole image appears)

Here is the site I am currently working on.

http://worldsbestcheeseclub.com/

Any help would be appreciated. I have ben trying different options for several days now with no luck. mad:

Thanks,

[hieblmedia]

Hi,
the opacity filter in combination with overflow elements does not work in IE.

I mean the following code:

#page {
...
filter:alpha(opacity=80);
}

You must remove the filter property and...
Instead of 'background-color: #fff' use an alpha transparent PNG image as background. This prevent also the inheritance of the opacity from the text.

Greetings
Reinhard

[spacedog3k]

Eureka!

Once again you help me out when I'm stuck! Thank you very much for the assist.

One other thing.

It appears in the Design Configuration Settings if I choose "All Internet Explorers" it only selects the equivalent of "if lte IE 7" instead of "if IE" Is there a way to change this? I need to be able to select "if IE" or "if lte IE 8" but can't. If I try to add the stylesheet twice with "All Internet Explorers" and "mise 8.0" it doesn't allow the same stylesheet to be selected twice. I know I can hard code it in the html file but I was hoping there was a way to modify the code so that I could add other options to the dropdown menu.

IE 8 is a lot better than previous IE versions but it still doesn't handle all CSS as well as other browsers aI need a way to target all IE versions.

[hieblmedia]

This is a limitation by joomla.
You can only use once stylesheet or script with the same path name.

You must do it by hand.
Or you copy the file with an other name. Or alternativly you can create a symlink, if you able to do this.