browser problems - Please help

[michaelguild13]

I am having a problem with foxfire and explorer.In foxfire my dropdown menu jumps up and my text is double spaced.In explorer my hover for my drop down menu only works on every other link.can anyone take a look at this and help me out please.here is the linkhttp://trivision.tv/demo/test.html

[michaelguild13]

here is my CSSbody{margin-left:0; margin-top:0; margin-right:0; margin-bottom:0;}.content{color:#666666;font-family:Verdana, Arial, Helvetica, sans-serif;font-size:10px;}.header{color:#999999;font-family:Verdana, Arial, Helvetica, sans-serif;font-size:25px;}.copyright{color:#999999;font-family:Verdana, Arial, Helvetica, sans-serif;font-size:9px;}a.black_link:link{ font-family: Verdana, Arial, Helvetica, sans-serif; color:#000000; text-decoration:none; font-size: 10px;}a.black_link:visited{ font-family: Verdana, Arial, Helvetica, sans-serif; color:#000000; text-decoration:none; font-size: 10px;}a.black_link:hover{ font-family: Verdana, Arial, Helvetica, sans-serif; color:#999999; text-decoration:none; font-size: 10px;}a.bottom:link{ font-family: Verdana, Arial, Helvetica, sans-serif; color:#999999; text-decoration:none; font-size: 9px;}a.bottom:visited{ font-family: Verdana, Arial, Helvetica, sans-serif; color:#999999; text-decoration:none; font-size: 9px;}a.bottom:hover{ font-family: Verdana, Arial, Helvetica, sans-serif; color:#000000; text-decoration:none; font-size: 9px;}a.NewLink:link{ font-family: Verdana, Arial, Helvetica, sans-serif; color:#666666; text-decoration:none; font-size: 10px;}a.NewLink:visited{ font-family: Verdana, Arial, Helvetica, sans-serif; color:#666666; text-decoration:none; font-size: 10px;}a.NewLink:hover{ font-family: Verdana, Arial, Helvetica, sans-serif; color:#000000; text-decoration:none; font-size: 10px;}a.top:link{ color:#666666; text-decoration:none; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bolder; font-size: 10px;}a.top:visited{ color:#666666; text-decoration:none; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bolder; font-size: 10px;}a.top:hover{ color:#666666; text-decoration:none; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bolder; font-size: 10px;}a.red:link{ font-family: Verdana, Arial, Helvetica, sans-serif; color:#666666; text-decoration:none; font-size: 11px;}a.red:visited{ font-family: Verdana, Arial, Helvetica, sans-serif; color:#666666; text-decoration:none; font-size: 11px;}a.red:hover{ font-family: Verdana, Arial, Helvetica, sans-serif; color:#FF0000; text-decoration:none; font-size: 11px;}a.green:link{ font-family: Verdana, Arial, Helvetica, sans-serif; color:#666666; text-decoration:none; font-size: 11px;}a.green:visited{ font-family: Verdana, Arial, Helvetica, sans-serif; color:#666666; text-decoration:none; font-size: 11px;}a.green:hover{ font-family: Verdana, Arial, Helvetica, sans-serif; color:#85B820; text-decoration:none; font-size: 11px;}a.blue:link{ font-family: Verdana, Arial, Helvetica, sans-serif; color:#666666; text-decoration:none; font-size: 11px;}a.blue:visited{ font-family: Verdana, Arial, Helvetica, sans-serif; color:#666666; text-decoration:none; font-size:11px;}a.blue:hover{ font-family: Verdana, Arial, Helvetica, sans-serif; color:#077FCE; text-decoration:none; font-size: 11px;}a.blue:hover{ font-family: Verdana, Arial, Helvetica, sans-serif; color:#077FCE; text-decoration:none; font-size: 11px;}.style1 {font-size: 9px}img{border:none;}.Spacer1px{font-size:1px;font-family: Verdana, Arial, Helvetica, sans-serif;}.Spacer2px{font-size:2px;font-family: Verdana, Arial, Helvetica, sans-serif;}.Spacer4px{font-size:4px;font-family: Verdana, Arial, Helvetica, sans-serif;}.Spacer9px{font-size:9px;font-family: Verdana, Arial, Helvetica, sans-serif;}.Spacer10px{font-family: Verdana, Arial, Helvetica, sans-serif;font-size:10px;}.Spacer11px{font-family: Verdana, Arial, Helvetica, sans-serif;font-size: 11px;}/*MENU*/#menu {list-style-type:none; margin:0 0 100px 0; padding:0;}#menu li {display:block; float:left; position:relative; z-index:100; margin-right:1px;}#menu li span {display:block; z-index:100; padding: 5px 4px;font-size:11px;font-family:Verdana, Arial, Helvetica, sans-serif; text-transform:capitalize;}#menu li a, #menu li a:visited {display:block; padding:0; white-space:nowrap;}#menu dl {position:absolute; top:0; left:0; margin: 0; padding: 0; background:transparent url(js/opaque.png);}* html #menu dl {background:transparent url(js/opaque.gif);}#menu dt {margin:0; font-size: 11px; float:left; font-family:Verdana;text-transform:capitalize;}#menu dd {display:none; background: transparent; clear:left; margin:0; padding:0; color: #fff; font-size: 1em; text-align:left;}#menu dt a, #menu dt a:visited {display:block; color:#666666; padding: 5px 4px; text-decoration:none;}#menu dd a, #menu dd a:visited {color:#FFFFFF; text-decoration:none; display:block; padding: 5px 4px;font-family:Verdana; font-size:11px;}#menu li a:hover {border:0; text-decoration:none;}#menu li:hover dd, #menu li a:hover dd {display:block;}#menu li:hover dl, #menu li a:hover dl {padding-bottom:15px;}#menu dd a:hover {background:transparent url(js/opaque_black.gif);}

[vchris]

I believe it's your menus margin.#menu {list-style-type:none; margin:0 0 100px 0; padding:0;}You set a margin of 100px at the bottom.

[michaelguild13]

I believe it's your menus margin.#menu {list-style-type:none; margin:0 0 100px 0; padding:0;}You set a margin of 100px at the bottom.

After looking at code all day my eyes are a little retarded, thx. that worked. Now, I still have that problem with the text being doubbled spaced in foxfireand the problem with the background transparent gif in explorer.

[vchris]

They seem the same size to me. I tested with Firefox 2 and IE 7.

[michaelguild13]

They seem the same size to me. I tested with Firefox 2 and IE 7.

it is probibliy my foxfire settings then... arg :)but I believe all of my foxfire settings are set to default

[vchris]

Possibly and it's firefox not foxfire

[michaelguild13]

Possibly and it's firefox not foxfire

lol Ive had a long week

[PrateekSaxena]

Instead of asking at the forum, why dont you validate your CSS at the W3C CC Validator. It wold be much more precise and will be able to find out all the errors.