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

Chrome FileReader

html5 google-chrome filereader

Can someone give me an example of using the FileReader API go get contents of a file in chrome?

Android: Color a bitmap

android colors bitmap

I have a simple question. I have this bitmap

jQuery modal dialog button text

jquery jquery-ui modal-dialog jquery-ui-dialog

Based on the code below to show a JQuery dialog, the button text shows up as the literal "b" as opposed to the value of the variable b.

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.