IE problems

[xpopy]

Hello. I am having problems with Internet Explorer, and I am not really sure what is causing it.

How I want it to look (Works in Google Chrome):



How it looks like in Internet Explorer:




As you can see, the Login and Register buttons is acting a bit weird.

This is the code for it:

Code Select Expand

<div class="wrapper">
   
            <div class="floatright" style="float: right;">
        <form id="search" style="float:right;" action="', $scripturl, '?action=search2" method="post" accept-charset="', $context['character_set'], '">
        <input id="search_text" type="text" name="search" onfocus="if (this.value == \'', $txt['search'], '...\') this.value = \'\';" onblur="if (this.value == \'\') this.value = \'', $txt['search'], '...\';" value="', $txt['search'], '..." />
        <input id="search_button" type="submit" name="submit" value="" />
        <input type="hidden" name="advanced" value="0" />';
        if (!empty($context['current_topic'])){
        echo '
        <input type="hidden" name="topic" value="', $context['current_topic'], '" />';}
        elseif (!empty($context['current_board'])){
        echo '
        <input type="hidden" name="brd[', $context['current_board'], ']" value="', $context['current_board'], '" />';}
        echo '
        </form><br />';
        if(!empty($context['user']['is_guest']))
            echo'
    <ul class="hm">
    <li><a href="', $scripturl, '?action=login">', $txt['login'], '</a></li>
    <li><a href="', $scripturl, '?action=register">', $txt['register'], '</a></li>
</ul>';
else
echo'
    <ul class="hm" style="float: right">
    <li class="hm2"><span class="avatar_lu" align="absmiddle">', !empty($context['user']['avatar']['image']) ? $context['user']['avatar']['image'] : '<img src="' . $settings['images_url'] . '/avatar_default.png" alt="" />' ,'</span><a href="', $scripturl, '?action=profile"> ', $context['user']['name'], '</a></li>
    <li>', $context['current_time'], '</li>
</ul>';
echo'
</div>
            <a href="', $scripturl, '"><img src="' . $settings['images_url'] . '/logo.png" alt="' . $context['forum_name'] . '" /></a>
    </div>
</div>
<div class="wrapper">';

CSS:

Code Select Expand

.floatright
{
float: right;
}

#search
{
margin: 0;
padding: 0;
position: relative;
display: block;
}

.hm
{
padding: 0;
margin-top: 5px;
list-style: none;
float: right;
position: relative;
display: block;
}

[Kindred]

Why are you declaring float:right, in both the CSS and the style inline?

[xpopy]

That doesn't matter, I have tried removing just one of them at the time and it's all still the same.

[Gary]

Give adding:

Code Select Expand

clear: right;

to the hm class a shot.

[xpopy]

Ah thx, that made it work