ie7 tab problem

HTML & CSS
1

Hi all,

Iv created the following page http://www.kylehouston.com/new/portfolio.html

basically if you check firefox then ie7 youll know what the problem is, ie 7 wont hold all the text on 1 line which is breaking the tab, how can i get around this, I know I can add width to the float but I dont want each tab to have the same width, instead I want the tab to fill out according to the tab title length?

Any suggestions?

Also on this page http://www.kylehouston.com/new/ my ‘Im available’ the input box ‘Message’ title floats to the center of the textarea in ie7 but in ff it floats to the top of the textarea, how can I place this text at the top left also in ie7?

Thanks in advance

Kyle

2

HI,

It’s probably to do with the widthless floats wrapping early. You could force the issue like this:



.folio_tab {overflow:hidden}
.folio_tab a{white-space:nowrap}