Cascading Style Sheets

Footer text overflowing in internet explorer

Hi,

I am just putting a few finishing touches to my website and I'm having some problems with my footer and widget.

The content of the footer in internet explorer over spans the wrapper and I can't figure out through the inspect element what's wrong.
The same problem of text going outwith the set widget size is happening in the contact us page.
http://ufcos.org.uk/dev/contact-us/

Also, if its to much to ask. Does anyone know how to have a set widget height for more than one widget. The news page is all different heights due to the content.

http://ufcos.org.uk/dev/news-events/

Wordpress Sub Menus Disappearing On Hover?

It never ends... I'm working on another Wordpress theme and I have the submenus styled exactly how I want them. However, they disappear upon hover. I have set all of my margin-tops to zero as stated on Stack previously but they still don't work properly. Here's the link to the site: tinyurl.com/ku6mlx7. Dropdowns can be seen under Artists.

My CSS is the following:

.top-nav {
background-color: #444;
min-height: 40px;
}
 
.top-nav ul {
margin-bottom: 0;
}
 
.top-nav li {
margin: 0 20px 0 0;
padding: 0;
float: left;
display: inline-block;
position: relative;
}

Wordpress Sub Menus Already Showing?

Hi folks,

Working on the following site and having a problem: http://tinyurl.com/oo5re93

You can see that the subpages are appearing in the main nav without having the parent item hovered over. I'm at a loss as to how to get it to work properly. The colors, padding and margins are fine...it's just the hover element. It is also pushing the content to the right. Any thoughts?

Why is my page being cut off?

Alright so Im getting content on the side of my page cut off when I resize my page on my desktop browser.

This is what my page looks like when its normal. http://gyazo.com/dedab68fd110b484e64e4500b5e58523

Then I resize my page to make it thinner and I get this when I scroll to the right http://gyazo.com/cc0234a8463431253c57f172af8749f3

It cuts off my content

How do I fix this? Any help would be greatly appreciated! Thanks

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title></title>

CSS stylesheet issue. Responsive Nav bar font color not responding

I'm working on a responsive layout and it has two different menu layouts, standard and mobile. I can't seem to get the font color to change on the current page link in the main(2nd) navigation menu. I can set the back ground of the current/active page, and it works in both menus; however when I change the font/link color it only changes in the mobile menu. I have searched and can't seem to find the reason this happens or a solution. IDK if the issue is in the css or the header.

Here's the page:

Syndicate content