Rounded corner textbox overflowing in IE

Posted on 2008-11-07
Last Modified: 2012-05-05

I've been trying to get a rounded corner textbox working using CSS with a background image.

A sample can be found here:

It works fine in Firefox etc but in IE6 and 7 when you type too much text it overflows out of rounded textbox image. I've seen this method used on tutorial sites. But their textbox doesn't seem to overflow. It could possibly be the absolute positioning I'm using. I'm not sure. Hoping someone else has encountered this same problem.

Any help is much appreciated.

Question by:qdh
    LVL 30

    Accepted Solution


    try putting the image on the containing div like:

    #topbox {
          background:url( no-repeat scroll left top;
    .tb-rounded {
          padding: 4px 4px 4px 4px;      

    Author Closing Comment

    It worked! Thanks heaps for that.

    Write Comment

    Please enter a first name

    Please enter a last name

    We will never share this with anyone.

    Featured Post

    Highfive Gives IT Their Time Back

    Highfive is so simple that setting up every meeting room takes just minutes and every employee will be able to start or join a call from any room with ease. Never be called into a meeting just to get it started again. This is how video conferencing should work!

    CSS is a visual language used to classify objects and define rules about how they should be displayed. CSS skills aren’t restricted to developers anymore, there is a big benefit to having a basic understanding of the language, regardless of your occ…
    This article describes how to create custom column layout styles for Bootstrap. The article uses 5 columns to illustrate the concept, but the principle can be extended to any number of columns.
    In this tutorial viewers will learn how to style a corner ribbon overlay for an image using CSS Create a new class by typing ".Ribbon":  Define the class' "display:" as "inline-block": Define its "position:" as "relative": Define its "overflow:" as …
    HTML5 has deprecated a few of the older ways of showing media as well as offering up a new way to create games and animations. Audio, video, and canvas are just a few of the adjustments made between XHTML and HTML5. As we learned in our last micr…

    761 members asked questions and received personalized solutions in the past 7 days.

    Join the community of 500,000 technology professionals and ask your questions.

    Join & Ask a Question

    Need Help in Real-Time?

    Connect with top rated Experts

    7 Experts available now in Live!

    Get 1:1 Help Now