[RESOLVED]A design related issue, not being able to figure out what to change

<div class="post-text" itemprop="text">

here i am giving a live web site address
http://www.bba-reman.com
just select country UK or USA. a page will come. if u see the page in chrome & FireFox then it looks fine but if u see the page in IE then overlapping problem you noticed.

here i am giving the image of the problem area. please see this area in other browser then you can understand this is css issue. so please inspect that area with firebug and guide me what to change in css as a result UI should look same in all browser. looking
for guidance. thanks

enter image description here

</div>

this way solved with the css hack from http://codemug.com/html/css-hacks-for-ie6ie7ie8ie9-and-ie10/

.arrange_collection_today
                    {
                        width: 216px;
                        color: #fff;
                        font-size: 20px;
                        overflow: hidden;
                        display: block;
                        text-align: left;
                        height: 73px;
                        line-height: 23px;
                        text-decoration: none;
                        padding: 6px;
                        float: right;
                        background-color: #3ab54b;
                        margin-right: 181px;
                        border-radius: 1px;
                        margin-top: 60px;

                        _margin-top:-60px; /* Only works in IE6 */
                        *margin-top:-60px; /* IE6, IE7 */
                        +margin-top:-60px;/* Only works in IE7*/
                        *+margin-top:-60px; /* Only works in IE7 */
                        margin-top:-60px9; /* IE6, IE7, IE8, IE9 */
                        margin-top:-60px; /* IE8, IE9 */
                        margin-top:-60px9;/*Only works in IE9*/                        
                    }

Leave a Reply