CSS problems, misalignment, and 100% is not 100%?

I am working on a small project, and am having two tiny problems with CSS.

I have played around with everything to no avail.

1) In IE6 the content and logo is not lining up correctly.

2) In Firefox, the tooltip box fixed at the bottom of the page (which degrades in IE6) although styled as width:100%; is not spanning the whole screen. There is a gap on the left hand side.

These problems can be seen by viewing http://gua.com/wd/ in the respective browsers.

If anyone could advise as to what has gone wrong, and why, it would be greatly appreciated. Thanks


for firefox: Yyou can add left:0; for #bottom

for internet explorer: I see your menu to be wrong not the logo. To solve this just add margin:0 for #top-nav

Need Your Help

Custom permissions in Spring Security - targetId null

spring spring-security

I'm securing my Application with expression based Spring Security 3.x. I have the following service interface:

Pinch to zoom using Hammer.js

javascript jquery pinchzoom hammer.js

I am trying to implement pinch to zoom using hammer.js

About UNIX Resources Network

Original, collect and organize Developers related documents, information and materials, contains jQuery, Html, CSS, MySQL, .NET, ASP.NET, SQL, objective-c, iPhone, Ruby on Rails, C, SQL Server, Ruby, Arrays, Regex, ASP.NET MVC, WPF, XML, Ajax, DataBase, and so on.