I have 3 words which should display in a line and are positioned absolutely at the bottom left of my navigation bar. In Firefox and Opera they look as desired. IE decides to to display them over 2 lines. How do I just alter the font size in IE, as I really don't want to reduce the size any further for the other pages (as it is already small enough).
Also is IE known for having its own version of font size? It doesn't look very much different, but I'm guessing to cause the above prob it does.
My relavant coding is:
- Code: Select all
html, body { margin: 0; padding: 0; background-color: white; color: black; font-size: 100.01%; font-family: sans-serif; }
#outer { height: 470px; width: 675px; background-color: white; }
#outer { position: absolute; top: 50%; margin-top: -235px; left: 50%; margin-left: -337.5px; }
#sidebar { height:470px; width: 145px; float: left; padding-right: 20px; }
#sidebar { background-color: white; border-right: solid black; font-size: 0.8em;}
#sidebarh1 { text-align: left; color: #9A803B; font-size: 1.2em; font-weight: bold; font-family: sans-serif;}
#sidebarh1 {position:absolute; bottom:0px; left:0px;}
Thanks,
Ruby