I’m facing a weird CSS issue when using an omega subtheme, in RTL with IE9 and IE8.
The right border of all my regions is showing inside the DIVs.
I’m not having this issue with IE7 , and all is fine in others browsers.
All my CSS code is this:

body{   background: #000;}
.region-content {
    background:  #fff;
    border: 2px solid #F00;}

and this is a screenshot of top of (.region-content)

CommentFileSizeAuthor
#1 border.jpg15.98 KBkalilo

Comments

kalilo’s picture

kalilo commented
Title: Weird CSS issue iwth borders » Weird CSS issue with borders
StatusFileSize
new border.jpg15.98 KB
cellar door’s picture

cellar door commented

Kalilo -

Try putting the border on your region inner or one of the inner elements in the region. You're styling the region container directly and it may be getting some interference from the grid.

cellar door’s picture

cellar door commented

Kalilo -

Try putting the border on your region inner or one of the inner elements in the region. You're styling the region container directly and it may be getting some interference from the grid.

kalilo’s picture

kalilo commented

Thank you Cellar

I get the same issue with inner region. really frustrating issue.

cellar door’s picture

cellar door commented

Can you provide or PM over a link for me to look at? I'm just shooting in the dark till I can recreate or see the issue in the real world.

kalilo’s picture

kalilo commented

Thank you Cellar, this a localhost test, I will launch a live/test site and provide a link.

cellar door’s picture

cellar door commented
Status: Active » Closed (works as designed)