Home/ Questions/Q 6808389
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-05-26T19:56:58+00:00

I am facing an issue with back ground image in ie8. Here is the

  • 0

I am facing an issue with back ground image in ie8. Here is the html page. I am testing in ie8.

<!DOCTYPE html>
<html>
<HEAD>
    <TITLE>Test background icon</TITLE>
    <STYLE type=text/css>
        .ctNewIconOnlyTxt {
            background: url('images/icons/icon_test.gif') right top no-repeat !important;
            background-color: #F2F2F2;
            padding-right: 16px;
        }

    </style>
</HEAD>
<BODY>
    <LABEL>Description </LABEL>
    <TEXTAREA style="WIDTH: 565px; HEIGHT: 83px;"  
            class="ctNewIconOnlyTxt" >testing for star icon for new 
            </TEXTAREA>
</BODY>
</html>

The problem is that background image is hidden behind the scrollbar of the textarea. if I remove the

DOCTYPE html

tag then the image is displayed before the scroll bar.
Could some one explain to me what the problem is and what can be the workaround?

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    Here is what I did as a work around:

    .ctNewIconOnlyTxt {   
    background: url('images/icons/icon_test.gif') 96% top no-repeat !important;
    background-color: #F2F2F2;
 }

    I changed the right keyword with percentage 96% in my case so as to display the icon and not get hidden behind the scrollbar.

    • 0