drop down lists - centered in IE, left justified in Chrome

Posted on 2011-04-20
Last Modified: 2012-05-11
Please go to:

In Chome, Mozilla and Safari contents of drop down list and list boxes are left justified  (desirable)

In IE, content is centered.  (not desired)

How can I correct this in IE without disturbing the other browsers?

Many thanks for your speed!
Question by:knowlton
    LVL 22

    Accepted Solution

    Hi knowlton,
    First of all you code seem to be using deprecated elements such as the <center> element which is not in use and would be one of the reasons causing the inconsistency.

    I've noticed that you're using AP.NET and Telerik controls.
    It has always been problematic to troubleshoot Telerik CSS since it's dynamically generated however, if you add the below rule to your theme CSS it should fix the issue but in some cases you might to make your CSS come after the telerik generated CSS in order to overwrite their rules, as the webresource generated CSS comes right before the closing tag of your head section

    The below rules however should work even if you don't do so since a text-align property is not defined for such rules in the generated one.

    .rfdSelect .rfdSelectOuter span, .rfdSelectBox ul {

    Open in new window

    LVL 5

    Author Comment

    .rfdSelect .rfdSelectOuter span, .rfdSelectBox ul {

    Open in new window

    Not sure where you are suggesting I put this.
    LVL 5

    Author Closing Comment

    I just stuck this in one of my CSS files, and it worked.

    Thank you!

    Write Comment

    Please enter a first name

    Please enter a last name

    We will never share this with anyone.

    Featured Post

    Course: Create Mobile App Prototypes with Adobe XD

    This is a project-based course: we go through all the steps of creating a prototype from start to finish, using all the tools and features currently available in Adobe XD. You can complete the course in less than a day, plus all project files and fonts are included.

    Styling your websites can become very complex. Here I'll show how SASS can help you better organize, maintain and reuse your CSS code.
    Why do we like using grid based layouts in website design? Let's look at the live examples of websites and compare them to grid based WordPress themes.
    In this tutorial viewers will learn how to customize the background color and font color of highlighted text using the ::selection element in CSS Begin by defining the selected text as an element in CSS by typing "::selection": Style the ::selection…
    In this tutorial viewers will learn how to embed custom externally-hosted Google Fonts using the Google Font API in CSS Go to the Google Fonts website at Browse or search based on font properties or name to find a suitable font for…

    760 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

    12 Experts available now in Live!

    Get 1:1 Help Now