SelectItem appearance Issue in Internet Explorer 7 and 8

[asad_naeem]

I have same issue. I have just added SelectItem. I have not applied any Extra CSS.
I have tested it on IE6, IE8 and FF. Its look is fine on IE6 and FF. But IE8 has its display issue. IE6 has another issue. When i just click the SelectItem to select any item from the list. It immediately navigates to initial page of the application.
I have noticed same issue in showcase in Chrome browser also. To check different versions of Internet Explorers use IETester.
I am stuck please guide so what to do now? Code is as follows: (it is working 100% fine on FF)

HLayout middleLayout = new HLayout(5);  
		 final DynamicForm form1 = new DynamicForm();   
	        form.setWidth(500);   
	        form.setNumCols(4);   
	  
	        final Map<String, String[]> departments = new HashMap<String, String[]>();   
	        departments.put("Marketing", new String[]{"Advertising", "Community Relations"});   
	        departments.put("Sales", new String[]{"Channel Sales", "Direct Sales"});   
	        departments.put("Manufacturing", new String[]{"Design", "Development", "QA"});   
	        departments.put("Services", new String[]{"Support", "Consulting"});   
	  
	        SelectItem divisionItem = new SelectItem();   
	        divisionItem.setName("division");   
	        divisionItem.setTitle("Division");   
	        divisionItem.setValueMap("Marketing", "Sales", "Manufacturing", "Services");   
	        divisionItem.addChangeHandler(new ChangeHandler() {   
	            public void onChange(ChangeEvent event) {   
	                String selectedItem = (String) event.getValue();   
	                form1.getField("department").setValueMap(departments.get(selectedItem));   
	            }   
	        });   
	  
	        SelectItem departmentItem = new SelectItem();   
	        departmentItem.setName("department");   
	        departmentItem.setTitle("Department");   
	        departmentItem.setAddUnknownValues(false);   
	  
	        form1.setItems(divisionItem, departmentItem);
	        form1.draw(); 
        middleLayout.addMember(form1);

Specifications are:

1. the SmartGWT 2.3 LGPL
2. browser version(s) involved: FF, IE 6, 7, 8, Chrome;
3. sample code is provided.

[sjivan]

See this FAQ.

[asad_naeem]

I have studied the FAQ and the following worked for me.

    <meta http-equiv="X-UA-Compatible" content="IE=6">

If i use IE=7 or IE=8 then problem remains same.

After using the above tag, UI was OK but the behavior was disturbing. As I click the dropdown icon image is attached. It naviagtes the website to first page of the website. Why is it so? If I click the middle of the SelectItem then it works fine. Please suggest me a solution what to do. If i put GWT's widget ListBox then all are fine. SmartGWT is not smart in this case.

See this FAQ.

[Isomorphic]

You are probably also mixing GWT and SmartGWT widgets invalidly - see the FAQ on that too.

You'd save a lot of time reading the QuickStart Guide and FAQ from beginning to end.