jquery UI issue with tabs in ie8

having an issue with jquery tabs in ie8 at this url.  in every browser the tabs expand dynamically and cause the page to expand as expected.  In ie8 the page doesnt expand however the tab does go overtop of the other content and then off the page.

to recreate go to url below

click on More Images tab

http://mungenast.coding123.com/home/7121-2008-Lexus-ES350

seems to work fine in ie7, ie9, chrome, firefox and safari
InventoryMarketingAsked:
Who is Participating?
 
David S.Commented:
Try removing "display:inline-block" from the "#vehiclepage-wrapper #vehicle" rule.
0
 
SRigneyCommented:
The div with class rt-grid-12 is set to float left.   In IE in order for that floating div to expand each layer inside it must also be marked as float.

You may be able to get away with removing the float left from that element.
0
 
InventoryMarketingAuthor Commented:
Hello,

Tried remove the float: left from .rt-grid-12 with no success.   Also tried adding a float:left to the ui-tabs class

Didnt seem to help :\

Sean
0
 
InventoryMarketingAuthor Commented:
Perfect thank you!  cant believe i missed that!  good to have a 2nd eye.
0
Question has a verified solution.

Are you are experiencing a similar issue? Get a personalized answer when you ask a related question.

Have a better answer? Share it in a comment.

All Courses

From novice to tech pro — start learning today.