CSS CSS web issues

Hi,


I seem to have issues with www.youtubedjchannel.com/dj it works ok in the latest IE in compatibality view but cant seem to sort it out for normal view or firefox, any help please?


Thanks.

PS if this is any help? http://browsershots.org/http://www.youtubedjchannel.com/dj/

 

Now on www.thedjbusiness.co.uk and having issues with some pages such as 'club djs' page for some reason the footer text isnt going in the fotter in normal view on IE8 Help please!! Its only mucking up on a few pages but cant work out the issue. Thanks.

 

By the way, your "Club DJ" page has an issue with the PHP include. You may have to fix something there. As I see, you have a new design there but I think the problem still exists. Anyway, this is what your current code bit is (last few lines):

</div>

</div><!-- end sidebar two -->
<div id="bottom" style="clear: both;"></div>
</div><!-- end page -->
<!-- start footer -->
</div>
</div>
<div id="footer">
<p>Copyright &copy; 2009. <a href="/">Home</a> | <a href="/news/">News/Events</a> | <a href="/club/">Club</a> | <a href="/mobile/">Mobile</a> | <a href="/equipment/">Equipment</a> | <a href="/contact/">Contact</a></p>

</div>
</div>
<!-- end footer -->

You should move the p-tag with all the links in into the div tag with the id set to bottom. So the part shall look like this:

<div id="bottom" style="clear: both;"><p>Copyright &copy; 2009. <a href="/">Home</a> | <a href="/news/">News/Events</a> | <a href="/club/">Club</a> | <a href="/mobile/">Mobile</a> | <a href="/equipment/">Equipment</a> | <a href="/contact/">Contact</a></p></div>

Then you can also remove the p tags if you want and do the rest with CSS like setting paddings and set the text-align.

Have fun coding.