CSS float,left , dropdown CSS issue with IE

[GUIR]

Hi,

In http://tinyurl.com/6n4blen I have used two divs with float left and right to position two divs like a two cell-one row-table.

In page using chrome or ff, you will see a drop down in left, some text "New | Save | Delete". That is it. Dropdown is in left. Mentioned text is in right.

With Chrome and FF it works fine. But with IE, it seems that left DIV takes full width and right div content is visible in drop dow. Drop down also shows only first item and having right content appended to first item in dropdown.

I do highly appreciate if someone can please guide me to make this cross browser compliant.

[damndaewoo]

First thing to do would be check the w3c validator (which returns 34 errors) Click Here.

Fix these errors then see where you stand.

[Kor]

The wrong behavior is not confirmed. Tested in IE7, IE8, IE9 / Win 7.

[GUIR]

Thank you for both of you and sorry about my delay in response.

Damndeawoo, i fixed many issues pointed there. Most of the highlighted errors are related to JavaScript codes, however it didnt work for the issue. Finally I used an HTML table instead.

Kor, you may have checked it after I changed the code with<table>