Help me find the error.

@resullivanauthorAug 26.2007 — #Ok, so now I am trying to add the same little part to phpbb. The problem I have now is that it looks fine in FF but no in IE. In IE it is aligning the menu part to the left. Any suggestions?

www.e-sullivan.com/phpbb

Here is the majority of it
[CODE]* { margin:0; padding:0 }
 
 body {
 background: #FFFFFF url(http://www.e-sullivan.com/therays/images/img01.jpg) repeat-x;
 font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
 font-size: 13px;
 color: #7F7772;
 }
 
 table {
 font-size: 12px;
 }
 
 h1, h2, h3 {
 margin-bottom: 15px;
 font-family: Georgia, "Times New Roman", Times, serif;
 font-weight: normal;
 color: #333333;
 }
 
 h1 {
 font-size: 197%;
 }
 
 h2 {
 font-size: 152%;
 }
 
 h3 {
 font-size: 100%;
 font-weight: bold;
 }
 
 p, ul, ol {
 margin-bottom: 15px;
 line-height: 1.6em;
 }
 
 ul, ol {
 margin-left: 2em;
 }
 
 #menu {
 width: 770px;
 height: 105px;
 margin: 0 auto;
 align: center;
 }
 
 #menu ul {
 margin: 0;
 padding: 0;
 list-style: none;
 }
 
 #menu li {
 display: block;
 float: left;
 width: 122px;
 height: 65px;
 padding: 40px 0 0 0;
 }
 
 #menu a {
 display: block;
 width: 122px;
 height: 32px;
 padding: 13px 0 0 0;
 background: url(http://www.e-sullivan.com/therays/images/img02.jpg) no-repeat;
 text-align: center;
 text-transform: uppercase;
 text-decoration: none;
 font-weight: bold;
 color: #FFFFFF;
 }
 
 #menu a:hover {
 background-image: url(http://www.e-sullivan.com/therays/images/img03.jpg);
 }
 
 #menu .active {
 padding-top: 35px;
 }
 
 #menu .active a {
 height: 37px;
 padding-top: 16px;
 background-image: url(http://www.e-sullivan.com/therays/images/img04.jpg);
 color: #327EBE;
 }
 
 #menu .active a:hover {
 background-image: url(http://www.e-sullivan.com/therays/images/img04.jpg);
 }
 
 /* Header */
 
 #header {
 width: 770px;
 height: 160px;
 margin: 0 auto;
 }
 
 /* Logo */
 
 #logo {
 float: left;
 width: 250px;
 height: 160px;
 background: url(http://www.e-sullivan.com/therays/images/img05.jpg) no-repeat;
 }
 
 #logo h1, #logo h2 {
 text-align: center;
 }
 
 #logo h1 {
 padding-top: 90px;
 letter-spacing: 8px;
 font-size: 197%;
 }
 
 #logo h2 {
 letter-spacing: 2px;
 font-size: 85%;
 }
 
 #logo a {
 text-transform: uppercase;
 text-decoration: none;
 color: #FFFFFF;
 }
 
 /* Banner */
 
 #banner {
 float: right;
 width: 520px;
 height: 160px;
 background: url(http://www.e-sullivan.com/therays/images/img06.jpg) no-repeat;
 }
 
 #banner a {
 float: right;
 padding: 120px 20px 0 0;
 text-decoration: none;
 text-align: right;
 font-size: 136%;
 font-style: italic;
 color: #FFFFFF;
 }
 
 /* General page style. The scroll bar colours only visible in IE5.5+ */
 body { 
 scrollbar-face-color: {T_TR_COLOR2};
 scrollbar-highlight-color: {T_TD_COLOR2};
 scrollbar-shadow-color: {T_TR_COLOR2};
 scrollbar-3dlight-color: {T_TR_COLOR3};
 scrollbar-arrow-color:  {T_BODY_LINK};
 scrollbar-track-color: {T_TR_COLOR1};
 scrollbar-darkshadow-color: {T_TH_COLOR1};
 }
 
 /* General font families for common tags */
 font,th,td,p { font-family: {T_FONTFACE1} }
 hr	{ height: 0px; border: solid {T_TR_COLOR3} 0px; border-top-width: 1px;}
 
 /* This is the border line & background colour round the entire page */
 .bodyline	{ background-color: {T_TD_COLOR2}; border: 1px {T_TH_COLOR1} solid; }
 
 /* This is the outline round the main forum tables */
 .forumline	{ background-color: {T_TD_COLOR2}; border: 2px {T_TH_COLOR2} solid; }
 
 /* Main table cell colours and backgrounds */
 td.row1	{ background-color: {T_TR_COLOR1}; }
 td.row2	{ background-color: {T_TR_COLOR2}; }
 td.row3	{ background-color: {T_TR_COLOR3}; }
 
 /*
 This is for the table cell above the Topics, Post & Last posts on the index.php page
 By default this is the fading out gradiated silver background.
 However, you could replace this with a bitmap specific for each forum
 */
 td.rowpic {
 background-color: {T_TD_COLOR2};
 background-image: url(templates/subSilver/images/{T_TH_CLASS3});
 background-repeat: repeat-y;
 }
 
 /* Header cells - the blue and silver gradient backgrounds */
 th	{
 color: {T_FONTCOLOR3}; font-size: {T_FONTSIZE2}px; font-weight : bold; 
 background-color: {T_BODY_LINK}; height: 25px;
 background-image: url(templates/subSilver/images/{T_TH_CLASS2});
 }
 
 td.cat,td.catHead,td.catSides,td.catLeft,td.catRight,td.catBottom {
 background-image: url(templates/subSilver/images/{T_TH_CLASS1});
 background-color:{T_TR_COLOR3}; border: {T_TH_COLOR3}; border-style: solid; 
 
 height: 28px;
 }
 
 /*
 Setting additional nice inner borders for the main table cells.
 The names indicate which sides the border will be on.
 Don't worry if you don't understand this, just ignore it :-)
 */
 td.cat,td.catHead,td.catBottom {
 height: 29px;
 border-width: 0px 0px 0px 0px;
 }
 th.thHead,th.thSides,th.thTop,th.thLeft,th.thRight,th.thBottom,th.thCornerL,th.thCornerR {
 font-weight: bold; border: {T_TD_COLOR2}; border-style: solid; height: 28px;
 }
 td.row3Right,td.spaceRow {
 background-color: {T_TR_COLOR3}; border: {T_TH_COLOR3}; border-style: solid;
 }
 
 th.thHead,td.catHead { font-size: {T_FONTSIZE3}px; border-width: 1px 1px 0px 1px; }
 th.thSides,td.catSides,td.spaceRow	 { border-width: 0px 1px 0px 1px; }
 th.thRight,td.catRight,td.row3Right	 { border-width: 0px 1px 0px 0px; }
 th.thLeft,td.catLeft	  { border-width: 0px 0px 0px 1px; }
 th.thBottom,td.catBottom  { border-width: 0px 1px 1px 1px; }
 th.thTop	 { border-width: 1px 0px 0px 0px; }
 th.thCornerL { border-width: 1px 0px 0px 1px; }
 th.thCornerR { border-width: 1px 1px 0px 0px; }
 
 /* The largest text used in the index page title and toptic title etc. */
 .maintitle	{
 font-weight: bold; font-size: 22px; font-family: "{T_FONTFACE2}",{T_FONTFACE1};
 text-decoration: none; line-height : 120%; color : {T_BODY_TEXT};
 }[/CODE]
Help me find the error.

4 Comments(s) _↴

Also in #CSS _↴

Success!

Social

Version

Help me find the error.

4 Comments(s) ↴

Also in #CSS ↴

Success!

The web is an endless sea of information. Don't miss the boat... Subscribe!

Social

Version

4 Comments(s) _↴

Also in #CSS _↴
