Question

When viewing the site I’m working on in IE7 my Reservations area (jquery ui datepicker) is broken on to separate lines.

http://www.bestwesternsandshotelvancouver.com/

I’m unsure why it’s doing this, I’ve been searching for a fix for a while now. Any help is appreciated.

Answer 1

I ended up resolving this issue using Aaron Ray’s suggestions and some tweaks of my own:

Try making the images you use for “Check In” and “Check Out”
(.checktext) display: block and float: left.

I would remove the text-align: center (.res-checkin) as well. IE7 and
below are a little liberal with how they handle text-align: center.

I made these changes with Firebug, and the results were the same in
FF. See if they fix your IE7 woes.

After doing these, I figured out eventually that I needed to modify the margin of the wrapper I had enclosed the text-field in, so thank you very much Aaron!