Question

I am working on this site and in IE the nav menu spans 2 lines:
http://www.sandiegolawfirm.com/

I would like to either remove the space on the left of bankruptcy or reduce the font size by a point or two in IE. Allowing all the departments to fit on one nav menu line.

I am actively trying to fix this but would appreciate help with figuring out the best way to get this done.

Thanks – Raleigh

Answer 1

One way fix changes specific to use styles that are specific to IE. Depending on which version you’re trying to fix for there are different rules you can use.

For example:

Target ALL VERSIONS of IE

<!--[if IE]>
#any rules you like
<![endif]-->

Target everything EXCEPT IE

<!--[if !IE]><!-->
#any rules you like
<!--<![endif]-->

Target IE 7 ONLY

<!--[if IE 7]>
#any rules you like
<![endif]-->

Target IE 6 ONLY

<!--[if IE 6]>
#any rules you like
<![endif]-->

There’s a tutorial here: http://css-tricks.com/how-to-create-an-ie-only-stylesheet/