samueldienerI am trying to fix my ie styling..... However, not all of the proper IE declarations are being used:
The source of the page that loads in IE starts with.....
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML Strict//EN"><META http-equiv="Content-Type" content="text/html; charset=utf-8"> <HTML lang="en-US" dir="ltr" xmlns="http://www.w3.org/1999/xhtml"><BODY class="custom ie ie7"> <DIV id="container"><DIV id="page"><UL id="tabs"><LI class="page-item-1">
Therefore, I can tell that is grabbing my IE.css file, which contains:
BODY.ie { FONT-SIZE: 125%}.ie #container { FONT-SIZE: 50%; MARGIN-LEFT: 50px}.ie .full_width { FONT-SIZE: 50%; MARGIN-LEFT: 50px}.ie UL#tabs { WIDTH: 100%}.ie INPUT.form_submit { OVERFLOW: visible; WIDTH: auto}.ie6 #content { OVERFLOW: hidden}.sidebar.ie6 { OVERFLOW: hidden}.ie6 DL#comment_list DD { BORDER-BOTTOM: #bbb 1px dotted}.ie6 DL#comment_list DL.children DD { BORDER-BOTTOM-WIDTH: 0px}
However, IE does not seem to be using the proper #.ie container as the style used for <DIV id="container">is not consistent with the IE style sheet. What might be wrong? I assume I can fix my issue if I get this correct....
