little problem trying to wrap my head around it

[realtime158]

I hope everybody had a great weekend. My problem is that when you go to my site

http://www.realdealpokertour.com/


everything displays perfectly in FireFox 2 but in IE6 the Affiliates gets knocked to the bottom any ideas.

Please let me know thanks to everybody who helps.

The CSS file is located here

http://www.realdealpokertour.com/styles.css

Thanks...

[HookedOnWinter]

Hey there,

Ok, i'm not 100% sure why that's happening either, but a few ideas... each of the trioboxes is set to 32%, and then there's some extra margins in there. what would happen if you set them to, say, 30%? Also, you can save code and time by doing something like:

.triNews, .triSched, .triAff{
width: 32%;
}

but ya, first glance, that might help. looks good though.

[realtime158]

let me know if you notice anything else

[HookedOnWinter]

did that help at all?

it looks like the last triobox doesn't fit on the line, which is why it's floating down to the next line.

[realtime158]

Thanks for the help and I will let you know.

[realtime158]

Take a look at the styles now

http://www.realdealpokertour.com/styles.css

[bathurst_guy]

If you are only setting one background property you should set it explicitely
ie: background-image:url(images/header/topback.jpg);
not: background:url(images/header/topback.jpg);

Other than that the rest of the CSS is "legal", only one HTML validtion (http://validator.w3.org/check?uri=http%3A%2F%2Fwww.realdealpokertour.com%2F) error too, an alt tag

[realtime158]

In IE7 how come the boxes aren't displaying properly. Works in IE6 and and FireFox 2 any ideas.

Thanks...

[WebJoel]

Take a look at the styles now

http://www.realdealpokertour.com/styles.css
a:link { color:#FFFFFF;text-decoration:none;}
a:active { color:#FFFFFF;text-decoration:none;}
a:visited { color:#FFFFFF;text-decoration:none;}
a:hover { color:#FFFFFF;text-decoration:underline;}

Needs to be re-arranged to be:

link
visited
hover
active

else you are getting "visited" before "hover" and you want to have "active" (mouse-down) be the last, over-riding selector. (Not that it matter much as your styles are fairly close for all except for the text-decoration:underline for :hover).
:)