W3 Validate issue – <ul> nav bar specific

Hopefully one of you guru’s can help me out.

I had 72 errors in w3 validate but fixed all by two.
https://validator.w3.org/check?uri=http%3A%2F%2Fwww.artbymichaelking.com%2F&charset=%28detect+automatically%29&doctype=Inline&group=0

Both of which are caused be the same issue. I know what it is but when I fix it, it causes a display issue in my nav bar.

Basically I have:

<div id="nav">
	<ul>
          <?php wp_list_pages('title_li=&depth=1'); ?>

          <a href="<?php bloginfo('rss2_url'); ?>" title="<?php _e('Syndicate this site using RSS'); ?>" >
<img src="https://www.artbymichaelking.com/wp-content/uploads/image/feed-icon.png"
border="0" width="12" height="12" alt="RSS Feed" title="RSS Feed" /></a>
</ul>

  </div>

Now if I move the </ul> before the <a href...> for the RSS feed, my page validates with no errors. yeah!!

BUT… It will then display the RSS feed icon in a line below the navigation text, instead of inline with the text.

So, how do I get it to display the way I want (as you can see on my site https://artbymichaelking.com) and have the errors remain at 0?